一种图像数据处理方法、装置、设备及存储介质与流程

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.本发明实施例提供的一种图像数据处理方法，首先通过获取待合并的多层视觉图像，多层视觉图像至少包括：顶层图像、中间图像以及底层图像。然后创建一与中间图像尺寸相同的参考图像，并将顶层图像与所述参考图像进行图像合并，得到第一合并图像，参考图像中各像素点的透明度为零。并基于第一合并图像，确定顶层图像对应的反向遮罩。最后将反向遮罩、中间图像进行图像融合，并将融合得到的图像叠于所述底层图像上，得到具有视觉镂空效果的目标视觉图像。从而可以解决顶层图像中包括复杂图片或文字的视图区域时，则中间图像对应于所述顶层图像的视图区域的绘制路径十分复杂且获取难度高的技术问题。通过顶层图像对应的反向遮罩的透明度赋予中间图像，能够实现顶层图像的视图区域在所述中间图像上的视觉镂空效果。并将具有视觉镂空效果的中间图像叠合于底层图像上，快捷生成具有视觉镂空效果的目标视觉图像。
附图说明
39.为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍。
40.图1为本发明实施例提供的一种图像数据处理方法的步骤流程示意图；
41.图2为本发明实施例提供的另一种图像数据处理方法的步骤流程示意图；
42.图3为本发明实施例提供的一种多层视觉图像的图层分布示意图；
43.图4为本发明实施例提供的一种第一合并图像的图像示意图；
44.图5为本发明实施例提供的一种反向遮罩的图像示意图；
45.图6为本发明实施例提供的一种目标视觉图像的图像示意图；
46.图7为本发明实施例提供的一种sdk系统的处理流程示意图；
47.图8为本发明实施例提供的又一种图像数据处理方法的步骤流程示意图；
48.图9为本发明实施例提供的一种图像数据处理装置的结构示意图；
49.图10为本发明实施例提供的一种电子设备的结构示意图。
具体实施方式
50.下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行描述。
51.参照图1，本发明实施例提供了一种图像数据处理方法，所述方法可以包括：
52.s101、获取待合并的多层视觉图像，所述多层视觉图像至少包括：顶层图像、中间图像以及底层图像。
53.本发明实施例中，所述多层视觉图像的图层数量至少为3层。对应的，在获取到待合并的多层视觉图像之后，按照各图层的放置顺序，由上及下可以包括顶层图像、中间图像和底层图像。
54.s102、创建一与所述中间图像尺寸相同的参考图像，并将所述顶层图像与所述参
考图像进行图像合并，得到第一合并图像。
55.本发明实施例中，所述参考图像中各像素点的透明度为零。其中，透明度可以采用0-1之间的数值表示，其是表示图像的不透明度占比，例如，透明度尾0.5时，表示对应的不透明度为50％，即半透明。另一种示例中，透明度可以采用0-255之间的数值表示，其是表示图像的不透明程度，也可以称为透明度值。例如，透明度值为128时，表示图像的不透明度为50％，即半透明。对应的，透明度为0可以理解是完全透明(或者是镂空)的；透明度为1或255可以理解是完全不透明的。
56.一种示例中，在所述中间图像的张数为1的情况下，创建的参考图像与所述中间图像尺寸相同，可以将所述顶层图像与所述参考图像进行图像合并，得到第一合并图像。图像中每个像素点通常采用rgba来表示，也就是redgreen bluealpha构成的。此处的图像合并可以理解为对参考图像和顶层图像的rgba值的累加。所述参考图像的rgba值均为零。由此，图像合并就相当于将顶层图像中的视图区域复刻到所述第一合并图像中。其中，所述视图区域可以理解为所述顶层图像中透明度为不完全透明的区域。也可以看作是所述顶层图像中视觉可见的图像，例如文字或logo等像素点集合。所述第一合并图像中的透明度分为两个部分，其对应于顶层图像中的视图区域的透明度，与所述顶层图像的视图区域保持一致，除所述视图区域之外的其他图像位置的透明度为0。
57.s103、基于所述第一合并图像，确定所述顶层图像对应的反向遮罩。
58.本发明实施例中，所述反向遮罩是通过对所述第一合并图像的透明度取反生成的遮罩。其用于控制所述中间图像的透明度分布。例如，所述顶层图像中透明度为1的像素点，对应于所述反向遮罩中同一位置的像素点的透明度为0；又例如，所述顶层图像中透明度为0的像素点，对应于所述反向遮罩中同一位置的像素点的透明度为1。由此，针对所述反向遮罩而言，可以看作是顶层图像中的视图区域被挖空，得到对应的视觉镂空效果。
59.s104、将所述反向遮罩、中间图像进行图像融合，并将融合得到的图像叠于所述底层图像上，得到具有视觉镂空效果的目标视觉图像。
60.本发明实施例中，在不添加顶层图像时，通过所述反向遮罩来突出镂空效果。由此，可以对所述反向遮罩和中间图像进行图像融合，图像融合指的是将所述反向遮罩中各像素点对应的透明度，分别赋予给所述中间图像中对应像素点。其中，由于所述反向遮罩的尺寸和中间图像的尺寸一致，通过反向遮罩的透明度控制所述中间图像的透明度。例如，将所述中间图像中对应于所述反向遮罩中像素点的透明度为完全透明的像素点，对应的透明度更新为完全透明。从而实现顶层图像在中间图像上的视觉镂空效果。最后将融合得到的图像叠于所述底层图像中，从而可以得到具有视觉镂空效果的目标视觉图像。上述方法实施例可以解决图层中包括复杂图片或文字时，在所述中间图像上绘制针对所述顶层图像中的视图区域的镂空绘制路径十分复杂且获取难度高的技术问题。能够达到在不需要获取绘制路径的情况下，快捷生成具有视觉镂空效果的目标视觉图像。
61.参照图2，本发明实施例提供了另一种图像数据处理方法，所述方法可以包括：
62.s201、获取待合并的多层视觉图像，所述多层视觉图像至少包括：顶层图像、中间图像以及底层图像。
63.s202、创建一与所述中间图像尺寸相同的参考图像，并将所述顶层图像与所述参考图像进行图像合并，得到第一合并图像。
64.本发明实施例中，对步骤s201、s202的描述内容参照对步骤s101、s102的描述内容。
65.一种示例中，参照图3所示，所述顶层图像可以是顶部图标层，所述中间图像可以是中间渐变层，所述底层图像可以是底部动效层。其中，所述底层图像也可以包括其他样式图像等，在此不做过多限定。所述顶部图标层对应的“abc”是完全不透明(透明度为1或透明度值为255)的字符。并且，基于所述顶层图像与所述参考图像进行图像合并，得到的第一合并图像参照图4所示。其中，所述第一合并图像中包含所述顶层图像的字符(或图标)的多个像素点的透明度为完全不透明。所述第一合并图像中除所述顶层图像的视图区域对应的多个像素点之外的其他像素点，对应的透明度均为0。
66.s203、移除所述第一合并图像中的颜色分布数据，确定出第二合并图像，所述第二合并图像用于表征所述第一合并图像中各像素点的透明度分布。
67.s204、对所述第二合并图像中各像素点的透明度进行取反，得到所述顶层图像对应的反向遮罩。
68.本发明实施例中，对于每个像素点来说移除掉颜色分布数据(也就是第一合并图像中的每个像素点的颜色rgb值)，只保留所述第一合并图像中每个像素点的透明度(alpha值)，从而得到第二合并图像。由此，所述第二合并图像和第一合并图像的图像尺寸相同，且所述第二合并图像与第一合并图像对应像素点的头透明度相同。
69.在确定出所述第二合并图像之后，对所述第二合并图像中的各像素点的透明度进行取反。一种示例中，获取所述第二合并图像对应的透明度分布。例如，在所述顶层图像、中间图像以及底层图像分别采用32个比特存储的位图格式进行存储的情况下，则对应的红(r通道)、绿(g通道)、蓝(b通道)及透明度(alpha通道)分别以8个比特表示。对应的透明度值则为[0,255]，则述透明度上限值则为255。由此，透明度值0就是0/255，其指的是完全透明，透明度1就是255/255，其表示完全不透明。
[0070]
因此，透明度取反就是将所述透明度上限值，分别减去所述第二合并图像中各像素点的透明度。例如，对于一个透明度为x的像素点来说，透明度取反就是255-x。以此类推，对所述第二合并图像中的各像素点的透明度进行取反，得到所述顶层图像对应的反向遮罩，所述反向遮罩参照图5所示。
[0071]
所述反向遮罩是通过对所述第一合并图像的透明度取反生成的遮罩。其用于控制所述中间图像的透明度分布。例如，所述顶层图像中透明度为1的像素点，对应于所述反向遮罩中同一位置的像素点的透明度为0；又例如，所述顶层图像中透明度为0的像素点，对应于所述反向遮罩中同一位置的像素点的透明度为1。由此，针对所述反向遮罩而言，可以看作是顶层图像中的视图区域被挖空，得到对应的视觉镂空效果。
[0072]
s205、将所述反向遮罩、中间图像进行图像融合，并将融合得到的图像叠于所述底层图像上，得到具有视觉镂空效果的目标视觉图像。
[0073]
本发明实施例中，在不添加顶层图像时，通过所述反向遮罩来突出镂空效果。由此，可以对所述反向遮罩和中间图像进行图像融合，图像融合指的是将所述反向遮罩中各像素点对应的透明度，分别赋予给所述中间图像中对应像素点。从而通过改变中间图像中部分像素点的透明度，来呈现视觉镂空效果。最后将融合得到的图像叠于所述底层图像中，从而可以得到具有视觉镂空效果的目标视觉图像。参照图6所示，从视觉效果来看，实现底
部动效层和中间渐变层在顶部图标层的图标内的颜色叠加和渲染。上述发明实施例可以解决顶层图像中包括复杂图片或文字的视图区域时，则中间图像对应于所述顶层图像的视图区域的绘制路径十分复杂且获取难度高的技术问题。通过顶层图像对应的反向遮罩的透明度赋予中间图像，能够实现顶层图像的视图区域在所述中间图像上的视觉镂空效果。并将具有视觉镂空效果的中间图像叠合于底层图像上，快捷生成具有视觉镂空效果的目标视觉图像。
[0074]
一种可选的发明实施例中，可以对上述方法实施例所执行的方法步骤进行服务封装，从而生成一个sdk(softwaredevelopmentkit，软件开发工具包)系统，参照图7所示，从而可以便于镂空业务使用的便捷性。所述sdk系统可以包括镂空模块，所述镂空模块主要用户实现镂空效果，sdk系统的输入可以是顶层图像(待镂空)和中间图像，输出反向遮罩，或者是输出反向遮罩和父视图。
[0075]
另一种可选的发明实施例中，所述sdk系统还可以包括图像监控模块，所述图像监控模块用于监控输入的顶层图像和中间图像是否发生变化，例如位置、图像尺寸等变化。并在发生变化时，及时更新输出的反向遮罩或父视图。从而便于底层图像与更新后的图像进行图像合并，对所述目标视觉图像进行更新，即更新了镂空效果。
[0076]
综上，本发明实施例可以快速实现多图层的复杂度高的镂空样式，同时可以避免手动切图，也不需要额外绘制遮罩路径或中间图像的镂空绘制路径，大大降低了工作量。并且，可以更好的营造品牌、广告等展示效果，提高用户体验感，并能够进一步提升运营方的广告业务等收益。
[0077]
参照图8，本发明实施例提供了又一种图像数据处理方法，所述方法可以包括：
[0078]
s801、获取待合并的多层视觉图像，所述多层视觉图像至少包括：顶层图像、至少两张中间图像以及底层图像。
[0079]
s802、确定至少两张中间图像是否能够放置于同一父视图中。
[0080]
本发明实施例中，在所述多层视觉图像的图层数量大于或等于4层的情况下，即中间图像的数量大于或等于两张，预先确定是否能够将至少两张中间图像放置于同一父视图中，若确定至少两张中间图像能够放置于同一父视图中，则可以将父视图作为3层的多层视觉图像中的中间图像，进行后续处理。并且，在能够放置于同一父视图时，对应父视图的图像尺寸大于或等于图像尺寸最大的中间图像的图像尺寸。也就是说，父视图可以理解为对所有中间图像的投影位置均形成包围，且所有像素点的透明度均为零的视图。在确定至少两张中间图像能够放置于同一父视图中的情况下，执行步骤s803；若确定至少两张中间图像不能够放置于同一父视图中，则执行步骤s808。
[0081]
一种可选的发明实施例中，可以由业务提供方自行决定是否使用同一父视图方式来实现镂空效果。由此，可以预先查询业务提供方对应的视图放置结果，所述视图放置结果包括允许放置和禁止放置。
[0082]
若所述视图放置结果为允许放置时，确定至少两张图像能够放置于同一父视图中；若所述视图放置结果为禁止放置时，确定至少两张图像不能够放置于同一父视图中。
[0083]
s803、依据至少两张中间图像创建父视图，并将至少两张中间图像和父视图进行图像合并，得到更新后的中间图像。
[0084]
本发明实施例中，依据至少两张中间图像的图像尺寸，和至少两张中间图像之间
的投影位置创建父视图，以使所述父视图对至少两张中间图像在父视图上的投影图像形成包裹。由此，可以预先确定好父视图对应的图像尺寸之后，将所述父视图中各像素点的透明度设置为0，不设置rgb属性。然后再将至少两张中间图像按照图层排列的顺序，由下到上的逐图层的与所述父视图进行图像合并，得到父视图。此处的图像合并可以理解为对各中间图像的rgba值的累加。一种示例中，累加过程中，对应像素点的rgba值中的任意一项的累加值超过其上限值时，将所有超过上限值的值更改为上限值。另一种示例中，累加过程中，两个相邻的中间图像的对应像素点的rgba值经过一次相加后，再除以2，作为对应像素点累加后的新的rgba值。在完成所有中间图像的rgba值的累加之后，得到父视图并将至少两张中间图像和父视图进行图像合并，得到更新后的中间图像。
[0085]
s804、依据更新后的中间图像，进行所述参考图像的创建。
[0086]
s805、将所述顶层图像与所述参考图像进行图像合并，得到第一合并图像。
[0087]
s806、基于所述第一合并图像，确定所述顶层图像对应的反向遮罩。
[0088]
s807、将所述反向遮罩、中间图像进行图像融合，并将融合得到的图像叠于所述底层图像上，得到具有视觉镂空效果的目标视觉图像。
[0089]
本发明实施例中，对步骤s804-s807的描述内容参照对步骤s202-s205的描述内容。
[0090]
s808、分别创建与各中间图像尺寸相同的参考图像，并将所述顶层图像与各参考图像分别进行图像合并，得到多个第一合并图像。
[0091]
本发明实施例中，分别创建与各中间图像尺寸相同的参考图像，由此得到多张参考图像，并将所述顶层图像与各参考图像分别进行图像合并，分别得到各中间图像对应的多个第一合并图像。换句话说，上述操作将顶层图像中处于视图区域分别复刻到各第一合并图像中。
[0092]
s809、基于各第一合并图像，分别确定出所述顶层图像对应的反向遮罩。
[0093]
s810、将各反向遮罩与对应中间图像进行图像融合，得到对应的融合图像。
[0094]
s811、将各融合图像按序叠于所述底层图像上，得到具有视觉镂空效果的目标视觉图像。
[0095]
本发明实施例中，所述反向遮罩是通过对所述第一合并图像的透明度取反生成的遮罩。其用于控制所述中间图像的透明度分布。例如，所述顶层图像中透明度为1的像素点，对应于所述反向遮罩中同一位置的像素点的透明度为0；又例如，所述顶层图像中透明度为0的像素点，对应于所述反向遮罩中同一位置的像素点的透明度为1。由此，针对所述反向遮罩而言，可以看作是顶层图像中的视图区域被挖空，得到对应的视觉镂空效果。
[0096]
在不添加顶层图像时，通过所述反向遮罩来突出镂空效果。由此，可以对所述反向遮罩和中间图像进行图像融合，图像融合指的是将所述反向遮罩中各像素点对应的透明度，分别赋予给所述中间图像中对应像素点。从而通过改变中间图像中部分像素点的透明度，来呈现中间图像上对应顶层图像中的视觉区域的视觉镂空效果。由此在根据各第一合并图像确定出对应的方向遮罩后，分别确定出各中间图像对应的融合图像。其中，融合图像可以表征出所述顶层图像的视觉区域在对应中间图像的像素点分布(也可以理解为镂空绘制路径)。最后融合得到的各融合图像，可以分别表征出顶层图像的视觉区域在各中间图像上的视觉镂空效果。按照对应的中间图像的放置顺序，将各融合图像按序叠于所述底层图
像中，从而可以得到具有视觉镂空效果的目标视觉图像。
[0097]
例如在中间图像为2张时，可以依据位于顶层的中间图像得到的反向遮罩(也可以称为位于顶层的中间图像对应的遮罩)和位于顶层的中间图像进行图像融合，得到对应的融合图像，该融合图像可以表征出顶层图像的视觉区域在位于顶层的中间图像上的视觉镂空效果。依据底层的中间图像得到的反向遮罩(也可以称为位于底层的中间图像对应的遮罩)和位于底层的中间图像的顺序进行图像融合，得到对应的融合图像，该融合图像可以表征出顶层图像的视觉区域在位于底层的中间图像上的视觉镂空效果。以此逻辑类推，并将最后各融合图像按序叠于所述底层图像上，从而得到具有视觉镂空效果的目标视觉图像。
[0098]
综上所述，本发明实施例提供的一种图像数据处理方法，首先通过获取待合并的多层视觉图像，多层视觉图像至少包括：顶层图像、中间图像以及底层图像。然后创建一与中间图像尺寸相同的参考图像，并将顶层图像与所述参考图像进行图像合并，得到第一合并图像，参考图像中各像素点的透明度为零。并且基于第一合并图像，确定顶层图像对应的反向遮罩。最后将反向遮罩、中间图像进行图像融合，并将融合得到的图像叠于所述底层图像上，得到具有视觉镂空效果的目标视觉图像。从而可以解决顶层图像中包括复杂图片或文字的视图区域时，则中间图像对应于所述顶层图像的视图区域的绘制路径十分复杂且获取难度高的技术问题。通过顶层图像对应的反向遮罩的透明度赋予中间图像，能够实现顶层图像的视图区域在所述中间图像上的视觉镂空效果。并将具有视觉镂空效果的中间图像叠合于底层图像上，快捷生成具有视觉镂空效果的目标视觉图像。
[0099]
需要说明的是，对于方法实施例，为了简单描述，故将其都表述为一系列的动作组合，但是本领域技术人员应该知悉，本技术实施例并不受所描述的动作顺序的限制，因为依据本技术实施例，某些步骤可以采用其他顺序或者同时进行。其次，本领域技术人员也应该知悉，说明书中所描述的实施例均属于优选实施例，所涉及的动作并不一定是本技术实施例所必须的。
[0100]
参照图9，本发明实施例提供了一种视频推荐装置，所述装置可以包括：
[0101]
图像获取模块901，用于获取待合并的多层视觉图像，所述多层视觉图像至少包括：顶层图像、中间图像以及底层图像。
[0102]
第一合并模块902，用于创建一与所述中间图像尺寸相同的参考图像，并将所述顶层图像与所述参考图像进行图像合并，得到第一合并图像，其中，所述参考图像中各像素点的透明度为零。
[0103]
反向遮罩确定模块903，用于基于所述第一合并图像，确定所述顶层图像对应的反向遮罩，所述反向遮罩是通过对所述第一合并图像的透明度取反生成的遮罩。
[0104]
目标图像确定模块904，用于将所述反向遮罩、中间图像进行图像融合，并将融合得到的图像叠于所述底层图像上，得到具有视觉镂空效果的目标视觉图像，其中，所述图像融合指的是将所述反向遮罩中各像素点对应的透明度，分别赋予给所述中间图像中对应像素点。
[0105]
一种可选的发明实施例中，所述反向遮罩确定模块903可以包括：
[0106]
颜色移除子模块，用于移除所述第一合并图像中的颜色分布数据，确定出第二合并图像，所述第二合并图像用于表征所述第一合并图像中各像素点的透明度分布。
[0107]
反向遮罩确定子模块，用于对所述第二合并图像中各像素点的透明度进行取反，
得到所述顶层图像对应的反向遮罩。
[0108]
一种可选的发明实施例中，所述反向遮罩确定子模块可以包括：
[0109]
透明度范围确定单元，用于获取所述第二合并图像对应的透明度分布。
[0110]
反向遮罩确定单元，用于将所述透明度上限值，分别减去所述第二合并图像中各像素点的透明度，确定出所述顶层图像对应的反向遮罩。
[0111]
一种可选的发明实施例中，所述装置还可以包括：
[0112]
父视图判定模块，用于在所述中间图像的数量大于或等于两张的情况下，确定至少两张中间图像是否能够放置于同一父视图中，所述父视图的图像尺寸大于或等于图像尺寸最大的中间图像的图像尺寸。
[0113]
中间图像更新模块，用于若确定至少两张中间图像能够放置于同一父视图中，依据至少两张中间图像创建父视图，并将至少两张中间图像和父视图进行图像合并，得到更新后的中间图像。
[0114]
所述第一合并模块902，还用于依据更新后的中间图像，进行所述参考图像的创建。
[0115]
一种可选的发明实施例中，所述装置还可以包括：
[0116]
所述第一合并模块902，还用于若确定至少两张中间图像不能够放置于同一父视图中，分别创建与各中间图像尺寸相同的参考图像，并将所述顶层图像与各参考图像分别进行图像合并，得到多个第一合并图像。
[0117]
所述反向遮罩确定模块903，还用于基于各第一合并图像，分别确定出所述顶层图像对应的反向遮罩，其中，各反向遮罩的尺寸与对应中间图像的尺寸相同。
[0118]
所述目标图像确定模块904，还用于将各反向遮罩与对应中间图像进行图像融合，得到对应的融合图像。
[0119]
所述目标图像确定模块904，还用于将各融合图像按序叠于所述底层图像上，得到具有视觉镂空效果的目标视觉图像。
[0120]
一种可选的发明实施例中，所述中间图像更新模块还可以用于：
[0121]
查询业务提供方对应的视图放置结果，所述视图放置结果包括允许放置和禁止放置。
[0122]
若所述视图放置结果为允许放置时，确定至少两张图像能够放置于同一父视图中。
[0123]
若所述视图放置结果为禁止放置时，确定至少两张图像不能够放置于同一父视图中。
[0124]
一种可选的发明实施例中，所述装置还包括创建父视图的视图创建模块，所述视图创建模块用于：
[0125]
依据至少两张中间图像的图像尺寸，和至少两张中间图像之间的投影位置创建父视图，以使所述父视图对至少两张中间图像在父视图上的投影图像形成包裹。
[0126]
本发明实施例还提供了一种电子设备，如图10所示，包括处理器1001、通信接口1002、存储器1003和通信总线1004，其中，处理器1001，通信接口1002，存储器1003通过通信总线1004完成相互间的通信，
[0127]
存储器1003，用于存放计算机程序。
[0128]
处理器1001，用于执行存储器1003上所存放的程序时，实现如下步骤：
[0129]
获取待合并的多层视觉图像，所述多层视觉图像至少包括：顶层图像、中间图像以及底层图像。
[0130]
创建一与所述中间图像尺寸相同的参考图像，并将所述顶层图像与所述参考图像进行图像合并，得到第一合并图像，其中，所述参考图像中各像素点的透明度为零。
[0131]
基于所述第一合并图像，确定所述顶层图像对应的反向遮罩，所述反向遮罩是通过对所述第一合并图像的透明度取反生成的遮罩。
[0132]
将所述反向遮罩、中间图像进行图像融合，并将融合得到的图像叠于所述底层图像上，得到具有视觉镂空效果的目标视觉图像，其中，所述图像融合指的是将所述反向遮罩中各像素点对应的透明度，分别赋予给所述中间图像中对应像素点。
[0133]
上述终端提到的通信总线可以是外设部件互连标准(peripheralcomponent interconnect，简称pci)总线或扩展工业标准结构(extendedindustrystandard architecture，简称eisa)总线等。该通信总线可以分为地址总线、数据总线、控制总线等。为便于表示，图中仅用一条粗线表示，但并不表示仅有一根总线或一种类型的总线。
[0134]
通信接口用于上述终端与其他设备之间的通信。
[0135]
存储器可以包括随机存取存储器(randomaccessmemory，简称ram)，也可以包括非易失性存储器(non-volatilememory)，例如至少一个磁盘存储器。可选的，存储器还可以是至少一个位于远离前述处理器的存储装置。
[0136]
上述的处理器可以是通用处理器，包括中央处理器(centralprocessingunit，简称cpu)、网络处理器(networkprocessor，简称np)等。还可以是数字信号处理器(digitalsignalprocessing，简称dsp)、专用集成电路(applicationspecific integratedcircuit，简称asic)、现场可编程门阵列(field－programmablegate array，简称fpga)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。
[0137]
在本发明提供的又一实施例中，还提供了一种计算机可读存储介质，该计算机可读存储介质中存储有指令，当其在计算机上运行时，使得计算机执行上述实施例中任一所述的图像数据处理方法。
[0138]
在本发明提供的又一实施例中，还提供了一种包含指令的计算机程序产品，当其在计算机上运行时，使得计算机执行上述实施例中任一所述的图像数据处理方法。
[0139]
在上述实施例中，可以全部或部分地通过软件、硬件、固件或者其任意组合来实现。当使用软件实现时，可以全部或部分地以计算机程序产品的形式实现。所述计算机程序产品包括一个或多个计算机指令。在计算机上加载和执行所述计算机程序指令时，全部或部分地产生按照本发明实施例所述的流程或功能。所述计算机可以是通用计算机、专用计算机、计算机网络、或者其他可编程装置。所述计算机指令可以存储在计算机可读存储介质中，或者从一个计算机可读存储介质向另一个计算机可读存储介质传输，例如，所述计算机指令可以从一个网站站点、计算机、服务器或数据中心通过有线(例如同轴电缆、光纤、数字用户线(dsl))或无线(例如红外、无线、微波等)方式向另一个网站站点、计算机、服务器或数据中心进行传输。所述计算机可读存储介质可以是计算机能够存取的任何可用介质或者是包含一个或多个可用介质集成的服务器、数据中心等数据存储设备。所述可用介质可以是磁性介质，(例如，软盘、硬盘、磁带)、光介质(例如，dvd)、或者半导体介质(例如固态硬盘
solid statedisk(ssd))等。
[0140]
需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个
……”
限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
[0141]
本说明书中的各个实施例均采用相关的方式描述，各个实施例之间相同相似的部分互相参见即可，每个实施例重点说明的都是与其他实施例的不同之处。尤其，对于系统实施例而言，由于其基本相似于方法实施例，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。
[0142]
以上所述仅为本发明的较佳实施例而已，并非用于限定本发明的保护范围。凡在本发明的精神和原则之内所作的任何修改、等同替换、改进等，均包含在本发明的保护范围内。

技术特征：
1.一种图像数据处理方法，其特征在于，所述方法包括：获取待合并的多层视觉图像，所述多层视觉图像至少包括：顶层图像、中间图像以及底层图像；创建一与所述中间图像尺寸相同的参考图像，并将所述顶层图像与所述参考图像进行图像合并，得到第一合并图像，其中，所述参考图像中各像素点的透明度为零；基于所述第一合并图像，确定所述顶层图像对应的反向遮罩，所述反向遮罩是通过对所述第一合并图像的透明度取反生成的遮罩；将所述反向遮罩、中间图像进行图像融合，并将融合得到的图像叠于所述底层图像上，得到具有视觉镂空效果的目标视觉图像，其中，所述图像融合指的是将所述反向遮罩中各像素点对应的透明度，分别赋予给所述中间图像中对应像素点。2.根据权利要求1所述的图像数据处理方法，其特征在于，所述基于所述第一合并图像，确定所述顶层图像对应的反向遮罩，包括：移除所述第一合并图像中的颜色分布数据，确定出第二合并图像，所述第二合并图像用于表征所述第一合并图像中各像素点的透明度分布；对所述第二合并图像中各像素点的透明度进行取反，得到所述顶层图像对应的反向遮罩。3.根据权利要求2所述的图像数据处理方法，其特征在于，所述对所述第二合并图像中各像素点的透明度进行取反，得到所述顶层图像对应的反向遮罩，包括：获取所述第二合并图像对应的透明度分布；将透明度上限值，分别减去所述第二合并图像中各像素点的透明度，确定出所述顶层图像对应的反向遮罩。4.根据权利要求1所述的图像数据处理方法，其特征在于，所述方法还包括：在所述中间图像的数量大于或等于两张的情况下，确定至少两张中间图像是否能够放置于同一父视图中，所述父视图的图像尺寸大于或等于图像尺寸最大的中间图像的图像尺寸；若确定至少两张中间图像能够放置于同一父视图中，依据至少两张中间图像创建父视图，并将至少两张中间图像和父视图进行图像合并，得到更新后的中间图像；依据更新后的中间图像，进行所述参考图像的创建。5.根据权利要求4所述的图像数据处理方法，其特征在于，所述方法还包括：若确定至少两张中间图像不能够放置于同一父视图中，分别创建与各中间图像尺寸相同的参考图像，并将所述顶层图像与各参考图像分别进行图像合并，得到多个第一合并图像；基于各第一合并图像，分别确定出所述顶层图像对应的反向遮罩，其中，各反向遮罩的尺寸与对应中间图像的尺寸相同；将各反向遮罩与对应中间图像进行图像融合，得到对应的融合图像；将各融合图像按序叠于所述底层图像上，得到具有视觉镂空效果的目标视觉图像。6.根据权利要求4所述的图像处理方法，其特征在于，所述确定至少两张中间图像是否能够放置于同一父视图中，包括：查询业务提供方对应的视图放置结果，所述视图放置结果包括允许放置和禁止放置；
若所述视图放置结果为允许放置时，确定至少两张图像能够放置于同一父视图中；若所述视图放置结果为禁止放置时，确定至少两张图像不能够放置于同一父视图中。7.根据权利要求4所述的图像数据处理方法，其特征在于，所述依据至少两张中间图像创建父视图，包括：依据至少两张中间图像的图像尺寸，和至少两张中间图像之间的投影位置创建父视图，以使所述父视图对至少两张中间图像在父视图上的投影图像形成包裹。8.一种图像数据处理装置，其特征在于，所述装置包括：图像获取模块，用于获取待合并的多层视觉图像，所述多层视觉图像至少包括：顶层图像、中间图像以及底层图像；第一合并模块，用于创建一与所述中间图像尺寸相同的参考图像，并将所述顶层图像与所述参考图像进行图像合并，得到第一合并图像，其中，所述参考图像中各像素点的透明度为零；反向遮罩确定模块，用于基于所述第一合并图像，确定所述顶层图像对应的反向遮罩，所述反向遮罩是通过对所述第一合并图像的透明度取反生成的遮罩；目标图像确定模块，用于将所述反向遮罩、中间图像进行图像融合，并将融合得到的图像叠于所述底层图像上，得到具有视觉镂空效果的目标视觉图像，其中，所述图像融合指的是将所述反向遮罩中各像素点对应的透明度，分别赋予给所述中间图像中对应像素点。9.一种电子设备，其特征在于，包括处理器、通信接口、存储器和通信总线，其中，处理器，通信接口，存储器通过通信总线完成相互间的通信；存储器，用于存放计算机程序；处理器，用于执行存储器上所存放的程序时，实现权利要求1-7任一所述的方法步骤。10.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，该程序被处理器执行时实现如权利要求1-7中任一所述的方法。

技术总结
本发明实施例提供了一种图像数据处理方法、装置、设备及存储介质，涉及图像处理技术领域。所述方法包括首先通过获取待合并的多层视觉图像，多层视觉图像至少包括：顶层图像、中间图像以及底层图像。然后创建一与中间图像尺寸相同且各像素点的透明度均为零的参考图像，并将顶层图像与所述参考图像进行图像合并，得到第一合并图像，并且基于第一合并图像，确定顶层图像对应的反向遮罩。最后将反向遮罩、中间图像进行图像融合，并将融合得到的图像叠于所述底层图像上，得到具有视觉镂空效果的目标视觉图像。从而可以解决顶层图像中包括复杂图片或文字的视图区域时，中间图像对应于顶层图像的视图区域的绘制路径复杂且获取难度高的技术问题。术问题。术问题。


技术研发人员：闫星臣 蔡明松 袁磊红
受保护的技术使用者：北京奇艺世纪科技有限公司
技术研发日：2023.06.25
技术公布日：2023/9/20