一种图片预览方法、设备及存储介质与流程

专利检索2025-06-30  3


本发明涉及图片处理领域,特别涉及一种图片预览方法、设备及存储介质。


背景技术:

1、随着互联网和ai(artificial intelligence,人工智能)技术的发展成熟,互联网内容平台每时每刻都在产生海量的文本和多媒体数据,而图片是最直接的可视化载体,也被广泛地在互联网上传播,但其中会包含大量不合规的图片,所以对图片进行审核管理,成了各大互联网内容平台的一项重要工作。面对数量庞大且内容各异的待审图片,如何在短时间内快速清晰地查看、识别和理解图片的内容,是审核环节面临的挑战。


技术实现思路

1、有鉴于此,本发明的目的在于提供一种图片预览方法、设备及存储介质,能够在距离原始图片一定偏置距离的位置上显示支持热力区域展示的放大图片,并使得放大图片跟随光标而移动,提高图片预览的方便性,以及突出图片重点。其具体方案如下:

2、第一方面,本技术提供了一种图片预览方法,包括:

3、在对原始图片加载完成之后,确定与所述原始图片的尺寸对应的放大图片的尺寸,并确定与所述放大图片对应的热力区域,以得到支持所述热力区域展示的所述放大图片;

4、在监测到针对所述原始图片的光标滑动事件时,确定与所述光标滑动事件对应的当前光标位置;

5、基于所述当前光标位置、预设偏置距离以及所述放大图片的尺寸确定与所述当前光标位置对应的所述放大图片的当前预览位置;

6、将支持所述热力区域展示的所述放大图片显示在所述当前预览位置上,并在监测到针对所述原始图片的光标滑出事件时,对所述放大图片进行隐藏。

7、可选的,所述确定与所述原始图片的尺寸对应的放大图片的尺寸,包括:

8、确定初始图片容器的尺寸以及所述原始图片的尺寸;

9、基于所述初始图片容器的尺寸以及所述原始图片的尺寸确定放大比例;

10、利用所述放大比例对所述原始图片的尺寸进行调整,以得到所述放大图片的尺寸。

11、可选的,所述确定初始图片容器的尺寸,包括:

12、利用预先配置的百分比对所述原始图片的尺寸进行调整,以得到所述初始图片容器的尺寸;

13、或,基于浏览器页面的尺寸确定所述初始图片容器的尺寸;

14、或,基于预先配置的固定尺寸确定所述初始图片容器的尺寸。

15、可选的,所述基于所述初始图片容器的尺寸以及所述原始图片的尺寸确定放大比例,包括:

16、基于所述原始图片的宽度和所述初始图片容器的宽度确定宽度比值;

17、基于所述原始图片的高度和所述初始图片容器的高度确定高度比值;

18、从所述宽度比值和所述高度比值中确定最大的目标比值,并基于所述目标比值确定所述放大比例。

19、可选的,所述利用所述放大比例对所述原始图片的尺寸进行调整,以得到所述放大图片的尺寸之后,还包括:

20、将所述初始图片容器的尺寸调整为与所述放大图片的尺寸相一致的尺寸,以得到目标图片容器的尺寸。

21、可选的,所述确定与所述放大图片对应的热力区域,以得到支持所述热力区域展示的所述放大图片,包括:

22、将所述放大图片放入所述目标图片容器中的图像层,并在所述目标图片容器中的画布层上创建容器画布;所述容器画布的尺寸与所述目标图片容器的尺寸相一致;所述画布层位于所述图像层之上;

23、通过所述画布层获取所述放大图片对应的若干感兴趣坐标点,并基于所述若干感兴趣坐标点在所述容器画布上绘制所述放大图片对应的热力区域,并对所述热力区域进行突出显示;

24、基于所述目标图片容器中位于所述图像层中的所述放大图片以及位于所述画布层中的包含所述放大图片对应的热力区域的所述容器画布确定支持所述热力区域展示的所述放大图片。

25、可选的,所述在监测到针对所述原始图片的光标滑动事件时,确定与所述光标滑动事件对应的当前光标位置,包括:

26、在监测到针对所述原始图片的光标滑入事件时,确定与当前光标滑入时刻对应的当前光标位置,并加载用于监听光标移动事件的预设监听程序;

27、在光标滑入所述原始图片之后,若通过所述预设监听程序监测到针对所述原始图片的所述光标移动事件,则确定与所述光标移动事件对应的当前光标位置。

28、可选的,所述在监测到针对所述原始图片的光标滑出事件时,对所述放大图片进行隐藏,包括:

29、在监测到针对所述原始图片的光标滑出事件时,对所述预设监听程序进行卸载,并对所述放大图片进行隐藏。

30、可选的,所述基于所述当前光标位置、预设偏置距离以及所述放大图片的尺寸确定与所述当前光标位置对应的所述放大图片的当前预览位置,包括:

31、基于所述当前光标位置、预设偏置距离以及所述放大图片的尺寸确定若干方位上的与所述当前光标位置对应的所述放大图片的初始预览位置;

32、基于各所述初始预览位置与浏览器页面边界的距离确定各所述初始预览位置分别对应的偏移参数;

33、从所述若干初始预览位置中确定所述偏移参数最小的目标预览位置,并将所述目标预览位置确定为当前预览位置。

34、第二方面,本技术提供了一种电子设备,包括:

35、存储器,用于保存计算机程序;

36、处理器,用于执行所述计算机程序以实现前述的图片预览方法。

37、第三方面,本技术提供了一种计算机可读存储介质,用于保存计算机程序,所述计算机程序被处理器执行时实现前述的图片预览方法。

38、本技术中,在对原始图片加载完成之后,确定与所述原始图片的尺寸对应的放大图片的尺寸,并确定与所述放大图片对应的热力区域,以得到支持所述热力区域展示的所述放大图片;在监测到针对所述原始图片的光标滑动事件时,确定与所述光标滑动事件对应的当前光标位置;基于所述当前光标位置、预设偏置距离以及所述放大图片的尺寸确定与所述当前光标位置对应的所述放大图片的当前预览位置;将支持所述热力区域展示的所述放大图片显示在所述当前预览位置上,并在监测到针对所述原始图片的光标滑出事件时,对所述放大图片进行隐藏。由此可见,本技术通过确定放大图片对应的热力区域,以得到支持热力区域展示的放大图片并显示在与当前光标位置对应的当前预览位置上,不仅可以对原始图片进行放大显示,而且可以对图片中的重点区域进行突出显示,以便用户可以快速查看、识别和理解图片中的内容;并且,本技术在监测到针对原始图片的光标滑动事件时,实时确定光标滑动事件对应的当前光标位置,以在距离当前光标位置一定偏置距离的位置上实时显示支持热力区域展示的放大图片,通过加入偏置距离可以避免放大图片遮挡其他审核信息的情况,并且通过监测光标滑动事件的方式可以使得放大图片跟随光标的移动而移动,提升用户对放大图片的观感;另外,在监测到光标离开原始图片时,自动对放大图片进行隐藏,从而使得用户通过光标移动便可以实现对多张原始图片的放大和隐藏操作,不需要对每张图片进行点击以查看放大图片或移除放大图片,提升了用户的使用感,以及提高了图片预览的连续性。


技术特征:

1.一种图片预览方法,其特征在于,包括:

2.根据权利要求1所述的图片预览方法,其特征在于,所述确定与所述原始图片的尺寸对应的放大图片的尺寸,包括:

3.根据权利要求2所述的图片预览方法,其特征在于,所述确定初始图片容器的尺寸,包括:

4.根据权利要求2所述的图片预览方法,其特征在于,所述基于所述初始图片容器的尺寸以及所述原始图片的尺寸确定放大比例,包括:

5.根据权利要求2所述的图片预览方法,其特征在于,所述利用所述放大比例对所述原始图片的尺寸进行调整,以得到所述放大图片的尺寸之后,还包括:

6.根据权利要求5所述的图片预览方法,其特征在于,所述确定与所述放大图片对应的热力区域,以得到支持所述热力区域展示的所述放大图片,包括:

7.根据权利要求1所述的图片预览方法,其特征在于,所述在监测到针对所述原始图片的光标滑动事件时,确定与所述光标滑动事件对应的当前光标位置,包括:

8.根据权利要求7所述的图片预览方法,其特征在于,所述在监测到针对所述原始图片的光标滑出事件时,对所述放大图片进行隐藏,包括:

9.根据权利要求1至8任一项所述的图片预览方法,其特征在于,所述基于所述当前光标位置、预设偏置距离以及所述放大图片的尺寸确定与所述当前光标位置对应的所述放大图片的当前预览位置,包括:

10.一种电子设备,其特征在于,包括:

11.一种计算机可读存储介质,其特征在于,用于保存计算机程序,所述计算机程序被处理器执行时实现如权利要求1至9任一项所述的图片预览方法。


技术总结
本申请公开了一种图片预览方法、设备及存储介质,涉及图片处理领域,包括:在原始图片加载完成后确定与原始图片的尺寸对应的放大图片的尺寸,确定与放大图片对应的热力区域以得到支持热力区域展示的放大图片;在监测到针对原始图片的光标滑动事件时,确定与光标滑动事件对应的当前光标位置;基于当前光标位置、预设偏置距离以及放大图片的尺寸确定与当前光标位置对应的放大图片的当前预览位置;将支持热力区域展示的放大图片显示在当前预览位置上,并在监测到针对原始图片的光标滑出事件时,对放大图片进行隐藏。本申请在距离原始图片一定偏置距离的位置上显示支持热力区域展示的放大图片,并使得放大图片跟随光标而移动,提高图片预览的方便性。

技术研发人员:吴晓佳,郭俊海,赖荣凤,朱孔洋,张俊鹏,傅鸿城
受保护的技术使用者:腾讯音乐娱乐科技(深圳)有限公司
技术研发日:
技术公布日:2024/5/29
转载请注明原文地址:https://win.8miu.com/read-1155813.html

最新回复(0)