本发明涉及图像处理,尤其涉及一种图片标注方法、装置、设备和存储介质。
背景技术:
1、随着互联网技术的快速发展,用户与浏览器端页面中的图片元素之间的交互变得越发频繁与深入,比如可以是图片标注、图片美化等交互方式。
2、在图片标注场景中,用户可以对图片中的任一区域进行绘制操作,以标注该任一区域。然而,用户在绘制的过程中,往往会产生多次绘制操作,从而导致绘制痕迹出现显示不均匀的问题,从而降低用户体验。
3、基于此,如何解决多次绘制操作带来的绘制痕迹显示不均匀的问题便至关重要。
技术实现思路
1、有鉴于此,本发明实施例提供一种图片标注方法、装置、设备和存储介质,用以保证多次绘制操作得到的绘制痕迹显示的均匀性。
2、第一方面,本发明实施例提供一种图片标注方法,包括:
3、响应于对原始画布中的第一区域产生的第一绘制操作,渲染具有第一绘制痕迹的第一画布,以得到所述第一画布叠加显示在目标图片上的第一绘制结果;
4、响应于对所述第一画布中的第二区域产生的第二绘制操作,渲染具有所述第一绘制痕迹和第二绘制痕迹的第二画布,以得到所述第二画布叠加显示在所述目标图片上的第二绘制结果;
5、其中,画布和所述目标图片叠加显示在处于绘制状态的所述目标页面上;所述第一区域和所述第二区域至少部分重合,任一绘制痕迹的透明度为1,画布具有小于1的预设透明度。
6、第二方面,本发明实施例提供一种图片标注装置,包括:
7、第一渲染模块,用于响应于对原始画布中的第一区域产生的第一绘制操作,渲染具有第一绘制痕迹的第一画布,以得到所述第一画布叠加显示在目标图片上的第一绘制结果;
8、第二渲染模块,用于响应于对所述第一画布中的第二区域产生的第二绘制操作,渲染具有所述第一绘制痕迹和第二绘制痕迹的第二画布,以得到所述第二画布叠加显示在所述目标图片上的第二绘制结果;
9、其中,画布和所述目标图片叠加显示在处于绘制状态的所述目标页面上;所述第一区域和所述第二区域至少部分重合,任一绘制痕迹的透明度为1,画布具有小于1的预设透明度。
10、第三方面,本发明实施例提供一种电子设备,包括处理器和存储器,所述存储器用于存储一条或多条计算机指令,其中,所述一条或多条计算机指令被所述处理器执行时实现上述第一方面中的图片标注方法。该电子设备还可以包括通信接口,用于与其他设备或通信系统通信。
11、第四方面,本发明实施例提供了一种非暂时性机器可读存储介质,所述非暂时性机器可读存储介质上存储有可执行代码,当所述可执行代码被电子设备的处理器执行时,使所述处理器至少可以实现如上述第一方面中的图片标注方法。
12、本发明实施例提供的图片标注方法中,响应于对原始画布中的第一区域产生的第一绘制操作,渲染具有第一绘制痕迹的第一画布,以得到第一画布叠加显示在目标图片上的第一绘制结果。在得到第一绘制结果之后,响应于对第一画布中的第二区域产生的第二绘制操作,渲染具有第一绘制痕迹和第二绘制痕迹的第二画布,以得到第二画布叠加显示在目标图片上的第二绘制结果。其中,画布和目标图片叠加显示在处于绘制状态的目标页面上;第一区域和第二区域至少部分重合,任一绘制痕迹的透明度为1,画布具有小于1的预设透明度。
13、可见,上述方法中,经过多次绘制操作得到的绘制结果为具有绘制痕迹的画布与目标图片的叠加显示结果,该叠加显示结果可以由rgb通道值构成。该方案中画布与目标图片是单独的两层,并且画布可以具有小于1的预设透明度。因此,无论透明度为1的绘制痕迹叠加多少次,画布与绘制痕迹之间的最终混合结果的透明度都会与画布的预设透明度相同,也即是最终计算出的rgb通道值不会发生变化,从而能够保证绘制痕迹显示的均匀性。
1.一种图片标注方法,其特征在于,包括:
2.根据权利要求1所述的方法,其特征在于,所述目标页面包括功能区和操作区,所述功能区包括多种页面状态选择组件,所述操作区用于叠加显示所述画布以及所述目标图片。
3.根据权利要求2所述的方法,其特征在于,所述响应于绘制工具对原始画布中的第一区域产生的第一绘制操作,渲染具有第一绘制痕迹的第一画布,包括:
4.根据权利要求3所述的方法,其特征在于,所述根据所述目标页面和所述操作区之间的内嵌关系,对所述第一坐标集合进行坐标系转换,以得到所述作用位置在画布坐标系中的第二坐标集合,包括:
5.根据权利要求3所述的方法,其特征在于,所述响应于对所述原始画布中的第二区域产生的第二绘制操作,渲染具有所述第一绘制痕迹和第二绘制痕迹的第二画布,包括:
6.根据权利要求3所述的方法,其特征在于,所述根据所述第二坐标集合,渲染所述第一画布,包括:
7.根据权利要求5所述的方法,其特征在于,所述方法还包括:
8.根据权利要求7所述的方法,其特征在于,所述方法还包括:
9.根据权利要求7所述的方法,其特征在于,所述目标图片的尺寸小于所述画布的尺寸,所述方法还包括:
10.根据权利要求6所述的方法,其特征在于,所述方法还包括:
11.根据权利要求4所述的方法,其特征在于,所述方法还包括:
12.根据权利要求11所述的方法,其特征在于,所述方法还包括:
13.一种图片标注装置,其特征在于,包括:
14.一种电子设备,其特征在于,包括:存储器、处理器;其中,所述存储器上存储有可执行代码,当所述可执行代码被所述处理器执行时,使所述处理器执行如权利要求1~12中任一项所述的图片标注方法。
15.一种非暂时性机器可读存储介质,其特征在于,所述非暂时性机器可读存储介质上存储有可执行代码,当所述可执行代码被电子设备的处理器执行时,使所述处理器执行如权利要求1~12中任一项所述的图片标注方法。
