CN110458921B - 一种图像处理方法、装置、终端以及存储介质 - Google Patents
一种图像处理方法、装置、终端以及存储介质 Download PDFInfo
- Publication number
- CN110458921B CN110458921B CN201910718862.0A CN201910718862A CN110458921B CN 110458921 B CN110458921 B CN 110458921B CN 201910718862 A CN201910718862 A CN 201910718862A CN 110458921 B CN110458921 B CN 110458921B
- Authority
- CN
- China
- Prior art keywords
- color
- painted
- image
- painting
- area
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/0482—Interaction with lists of selectable items, e.g. menus
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/04845—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range for image manipulation, e.g. dragging, rotation, expansion or change of colour
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/14—Digital output to display device ; Cooperation and interconnection of the display device with other functional units
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/16—Sound input; Sound output
- G06F3/167—Audio in a user interface, e.g. using voice commands for navigating, audio feedback
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T13/00—Animation
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Multimedia (AREA)
- Health & Medical Sciences (AREA)
- Audiology, Speech & Language Pathology (AREA)
- General Health & Medical Sciences (AREA)
- Processing Or Creating Images (AREA)
- User Interface Of Digital Computer (AREA)
- Image Processing (AREA)
Abstract
本发明实施例公开了一种图像处理方法、装置、终端以及存储介质,其中,图像处理方法包括:显示绘图页面,所述绘图页面包括待涂色图像和涂色控件;当检测到用户针对所述涂色控件的选择操作时,获取所述涂色控件对应的目标颜色单元;当检测到用户针对所述待涂色图像的涂色操作时,基于所述目标颜色单元在所述涂色操作对应的目标位置上动态的显示颜色,并播放与所述目标位置对应的背景声音;该方案可以减少内存的占用,并且可以提高图像处理的效率。
Description
技术领域
本发明涉及通信技术领域,具体涉及一种图像处理方法、装置、终端以及存储介质。
背景技术
随着科技的进步与发展,移动终端上可以安装各种各样的应用,其中图像处理应用深受用户的喜爱,用户可以通过图像处理应用对待处理图像中的一些特征进行调整,比如,对待处理图像中的特定区域进行涂色。
然而,现有的涂色方案需要实现动画效果时,需要使用大量的图像对待处理图像进行替换,因此,会占用大量的内存空间,并且,降低了图像处理的效率。
发明内容
本发明实施例提供一种图像处理方法以及装置,可以减少内存的占用,并且可以提高图像处理的效率。
本发明实施例提供了一种图像处理方法,包括:
显示绘图页面,所述绘图页面包括待涂色图像和涂色控件;
当检测到用户针对所述涂色控件的选择操作时,获取所述涂色控件对应的目标颜色单元;
当检测到用户针对所述待涂色图像的涂色操作时,基于所述目标颜色单元在所述涂色操作对应的目标位置上动态的显示颜色,并播放与所述目标位置对应的背景声音。
相应的,本发明实施例还提供了一种图像处理装置,包括:
第一显示模块,用于显示绘图页面,所述绘图页面包括待涂色图像和涂色控件;
获取模块,用于当检测到用户针对所述涂色控件的选择操作时,获取所述涂色控件对应的目标颜色单元;
第二显示模块,用于当检测到用户针对所述待涂色图像的涂色操作时,基于所述目标颜色单元在所述涂色操作对应的目标位置上动态的显示颜色,并播放与所述目标位置对应的背景声音。
可选的,在本发明的一些实施例中,还包括:
第三显示模块,用于显示绘图选择列表,并播放与所述绘图选择列表对应的背景声音,所述绘图选择列表包括多个待选的待涂色图像;
第四显示模块,用于当检测到用户针对所述绘图选择列表中待涂色图像的选择操作时,显示用户选择的图像所对应的绘图页面。
可选的,在本发明的一些实施例中,还包括:
切换模块,用于当检测到用户针对所述绘图选择列表的切换显示操作时,切换显示所述绘图选择列表中的待涂色图像,并播放切换显示操作对应的背景声音。
可选的,在本发明的一些实施例中,所述第一显示模块包括:
第一显示单元,用于显示绘图进入页面,所述绘图进入页面包括开始触发控件;
第二显示单元,当检测到用户针对触发控件的点击操作时,显示动效播放页面;
第三显示单元,当所述动效播放页面播放完毕时,显示绘图选择页面,所述绘图选择页面包括绘图选择列表。
可选的,在本发明的一些实施例中,所述第一显示单元,包括:
扫码子单元,用于对图形码进行扫码操作,得到绘图链接信息;
显示子单元,用于根据所述绘图链接信息显示绘图进入页面。
可选的,在本发明的一些实施例中,所述目标颜色单元包括颜色层以及多层排列的颜色遮罩层,所述第二显示模块具体用于:
当检测到用户针对所述待涂色图像的涂色操作时,基于所述颜色遮罩层的排列顺序和所述颜色层,在所述涂色操作对应的目标位置上动态的显示颜色,并播放与所述目标位置对应的背景声音。
可选的,在本发明的一些实施例中,所述第二显示模块包括:
确定单元,用于当检测到用户针对所述待涂色图像的涂色操作时,从所述待涂色图像中确定待涂色的涂色区域;
涂色单元,用于根据所述颜色层对所述涂色区域进行涂色,得到涂色后区域;
融合单元,用于将每个颜色遮罩层的透明数据分别与所述涂色后区域的颜色数据进行数据融合,得到每个颜色遮罩层对应的融合后区域;
显示单元,用于基于所述颜色遮罩层的排列顺序,依次在所述待涂色图像上显示融合后区域,并播放与所述涂色区域对应的背景声音。
可选的,在本发明的一些实施例中,所述融合单元包括:
获取子单元,用于获取每个颜色遮罩层的每个颜色点在所述涂色后区域中的位置信息;
融合子单元,用于根据所述位置信息,将每个颜色遮罩层的每个颜色点的透明数据分别与所述涂色后区域的每个像素点的颜色数据进行数据融合,得到每个颜色遮罩层对应的融合后区域。
可选的,在本发明的一些实施例中,所述融合子单元具体用于:
根据所述位置信息,确定每个颜色遮罩层的颜色点与所述涂色后区域的每个像素点的对应关系;
根据所述对应关系,将每个颜色遮罩层中每一颜色点的透明数据的分量分别与所述涂色区域中每一像素点的颜色数据的分量进行数据融合,得到每个颜色层遮罩对应的目标颜色数据;
将每个颜色遮罩层对应的目标颜色数据与涂色后区域进行颜色融合,得到每个颜色层遮罩对应的融合后区域。
可选的,在本发明的一些实施例中,所述涂色单元具体用于:
提取所述颜色层的标签信息;
确定所述涂色区域在待涂色图像中的位置;
根据所述标签信息以及涂色区域在待涂色图像中的位置,在预设素材库中获取涂色区域对应的图像块;
通过图像块对涂色区域进行更新,生成涂色后区域。
可选的,在本发明的一些实施例中,所述显示单元具体用于:
根据所述颜色遮罩层的排列顺序依次获取每个颜色遮罩层对应的融合后区域的纹理参数;
当每次获取到纹理参数时,根据所述颜色遮罩层的排列顺序对所述涂色区域进行渲染显示。
可选的,在本发明的一些实施例中,所述确定单元具体用于:
当检测用户针对待涂色图像的涂色操作时,获取所述涂色操作对应的目标位置的位置参数;
根据所述位置参数从待涂色图像的图像区域中,确定待涂色的涂色区域。
可选的,在本发明的一些实施例中,还包括构建模块,所述构建模块具体用于:
设置颜色层的颜色数据、多层颜色遮罩层的透明数据以及多层颜色遮罩层之间的排列顺序;
基于设置的排列顺序构建多层颜色遮罩层对应的颜色遮罩序列;
将所述颜色层的颜色数据以及颜色遮罩序列添加至同一颜色单元中;
建立颜色单元与涂色控件之间的映射关系;
所述获取模块具体可以用于:当检测到用户针对涂色控件的选择操作时,基于映射关系获取涂色控件对应的目标颜色单元。
本发明实施例首先,显示绘图页面,所述绘图页面包括待涂色图像和涂色控件,当检测到用户针对所述涂色控件的选择操作时,获取所述涂色控件对应的目标颜色单元,当检测到用户针对所述待涂色图像的涂色操作时,基于所述目标颜色单元在所述涂色操作对应的目标位置上动态的显示颜色,并播放与所述目标位置对应的背景声音。相对于现有图像处理的方案而言,本发明通过用户对涂色控件的选择操作确定对应的目标颜色单元,再基于目标颜色单元在所述涂色操作对应的目标位置上动态的显示颜色,当需要实现动画效果时,不需要使用大量的图像对待处理图像进行替换,因此,可以减少内存的占用,并且可以提高图像处理的效率。
附图说明
为了更清楚地说明本发明实施例中的技术方案,下面将对实施例描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1a是本发明实施例提供的图像处理方法的第一种实施方式的场景示意图;
图1b是本发明实施例提供的图像处理方法的第二种实施方式的场景示意图;
图1c是本发明实施例提供的图像处理方法的第一种实施方式的流程示意图;
图2a是本发明实施例提供的图像处理方法的第二种实施方式的流程示意图;
图2b是本发明实施例提供的图像处理的方法中显示绘图选择列表的第一种实施方式的示意图;
图2c是本发明实施例提供的图像处理的方法中显示绘图选择列表的第二种实施方式的示意图;
图2d是本发明实施例提供的图像处理的方法中确定涂色区域的示意图;
图2e是本发明实施例提供的图像处理的方法中涂色后区域的示意图;
图2f是本发明实施例提供的图像处理的方法中涂色后区域与颜色遮罩层融合的示意图;
图3a是本发明实施例提供的图像处理装置的第一种实施方式的结构示意图;
图3b是本发明实施例提供的图像处理装置的第二种实施方式的结构示意图;
图3c是本发明实施例提供的图像处理装置的第三种实施方式的结构示意图;
图3d是本发明实施例提供的图像处理装置的第四种实施方式的结构示意图;
图3e是本发明实施例提供的图像处理方法的第三种场景示意图;
图4是本发明实施例提供的终端的结构示意图。
具体实施方式
下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
首先,对本发明实施例涉及到的名词进行简单介绍:
颜色数据:是指R(红)G(绿)B(蓝)通道数据,其中,R为一个红色通道,可以表示为1;G为一个绿色通道,可以表示为2;B为一个蓝色通道。可以表示为3。
透明数据:即alpha(A)通道数据,alpha通道用于表示不透明程度,alpha通道值为表示不透明度的参数。alpha通道值可以用百分比或者整数表示,也可以像RGB参数那样用0到1的实数表示。例如用0%~100%的百分比表示时,若一个像素的alpha通道数值为0%,则表示完全透明的,若数值为100%,则表示一个完全不透明的像素。在0%和100%之间的中间值则使得像素可以透过背景不同程度的显示出来,就像透过玻璃显示,数值越大,透过背景的程度越小。它使数码图像合成变得容易。
本发明实施例提供一种图像处理方法、装置、终端以及存储介质。
其中,该图像处理装置可以集成在手机、平板电脑或个人计算机(PC,PersonalComputer)等具备储存单元并安装有微处理器而具有运算能力的终端中,如图1a所示,比如,该图像处理装置集成在个人计算机中,首先,当用户需要进行绘图时,即用户需要对待涂色图像进行涂色时,手机显示绘图页面,当检测到用户针对涂色控件的选择操作时,获取涂色控件对应的目标颜色单元,最后,当检测到用户针对待涂色图像的涂色操作时,基于目标颜色单元在涂色操作对应的目标位置上动态的显示颜色,并播放与目标位置对应的背景声音。
例如,在一个图像处理软件中,该图像处理软件可以具有一素材库,该素材库用于存放各种类型的待涂色图像,当用户从素材库中选择任一待涂色图像后,显示绘图页面,该绘图页面包括待涂色图像和涂色控件,如图1b所示。当用户确定待涂色图像后,在绘图页面中选取涂色控件,基于用户选取的涂色控件,获取该涂色控件对应的目标颜色单元,然后,当检测到用户针对待涂色图像的涂色操作时,基于目标颜色单元在涂色操作对应的目标位置上动态的显示颜色,并播放与目标位置对应的背景声音。
以下分别进行详细说明,需说明的是,以下实施例的描述顺序不作为对实施例优先顺序的限定。
一种图像处理方法,包括:显示绘图页面,当检测到用户针对涂色控件的选择操作时,获取涂色控件对应的目标颜色单元,当检测到用户针对待涂色图像的涂色操作时,基于目标颜色单元在涂色操作对应的目标位置上动态的显示颜色,并播放与目标位置对应的背景声音。
请参阅图1c,图1c是本发明实施例提供的图像处理方法的流程示意图。图像处理方法的具体流程可以如下:
101、显示绘图页面。
可以在浏览器上显示绘图页面,该浏览器可以为支持h5的绘图画布的浏览器,如谷歌浏览器、火狐浏览器以及IE浏览器等。该绘图画布可以为Canvas画布,比如,在浏览器上设置一个绘图画布,该绘图画布上设置有一待涂色图像,并且,在绘图画布上还设置有多个涂色控件。
可选的,在一些实施例中,显示绘图画面之前,还可以显示包括多个待涂色图像的绘图选择列表,并播放相应的背景声音,即,在一些实施例中,步骤“显示绘图页面”之前,具体还可以包括:
(11)显示绘图选择列表,并播放与绘图选择列表对应的背景声音。
(12)当检测到用户针对绘图选择列表中待涂色图像的选择操作时,显示用户选择的图像所对应的绘图页面。
其中,绘图选择列表包括多个待选的待涂色图像,与绘图选择列表对应的背景声音对应的背景声音可以为一种,也可以为多种,若与绘图选择列表对应的背景声音为多种背景声音时,当显示绘图选择列表时,可以随机播放任一种背景声音,具体根据实际情况进行设置。
可选的,在一些实施例中,步骤“显示绘图选择列表”,具体可以包括:
(21)显示绘图进入页面。
(22)当检测到用户针对开始触发控件的点击操作时,显示动效播放页面。
(23)当动效播放页面播放完毕时,显示绘图选择页面。
其中,绘图进入页面可以包括开始触发控件,绘图选择页面可以包括绘图选择列表,开始触发控件是用于进入绘图选择页面的控件,当检测到用户针对开始触发控件的点击操作时,可以播放进入绘图页面对应的背景声音,并且显示进入绘图页面的动画,当动效播放页面播放完毕时,显示绘图选择页面,需要说明的是,在一些实施例中,动效播放页面还可以包括跳过播放控件,当检测到用户针对跳过播放控件的点击操作时,可以提前结束动效播放页面,并显示绘图选择页面。
可选的,可以通过对绘图进入页面的图形码进行扫码操作,从而显示绘图进入页面,即,在一些实施例中,步骤“显示绘图进入页面”,具体可以包括:
(31)对图形码进行扫码操作,得到绘图链接信息。
(32)根据绘图链接信息显示绘图进入页面。
需要说明的是,当检测到用户针对绘图选择列表的切换显示操作时,可以切换显示绘图选择列表中的待涂色图像,并播放与切换显示操作对应的背景声音,即,在一些实施例中,还可以包括:当检测到用户针对绘图选择列表的切换显示操作时,切换显示所述绘图选择列表中的待涂色图像,并播放与切换显示操作对应的背景声音。
其中,该切换显示操作可以是用户针对绘图选择列表的滑动选取操作,比如,用户滑动绘图选择列表,该绘图选择列表包括5个待涂色图像,当用户在选择绘图选择列表中的待涂色图像时,可以根据用户的滑动速度以及滑动方向播放与用户的滑动选取操作对应的背景声音,具体根据实际情况进行设置,在此不再赘述。
102、当检测到用户针对涂色控件的操作时,获取涂色控件对应的目标颜色单元。
其中,每个涂色控件均对应一个颜色单元,每个颜色单元包括颜色层以及多层排列的颜色遮罩层,也就是说目标颜色单元也可以包括颜色层以及多层排列的颜色遮罩层。该操作可以是用户针对涂色控件的按压操作,例如,当检测到用户针对涂色控件的按压操作时,当该按压操作的持续按压时长大于预设阈值时,获取涂色控件对应的目标颜色单元。
需要说明的是,颜色遮罩层之间的排列顺序和每个颜色遮罩层的透明数据可以是预先设置的,即,该图像处理方法具体还可以包括:
(41)设置颜色层的颜色数据、多层颜色遮罩层的透明数据以及多层颜色遮罩层之间的排列顺序。
(42)基于设置的排列顺序构建多层颜色遮罩层对应的颜色遮罩序列。
(43)将颜色层的颜色数据以及颜色遮罩序列添加至同一颜色单元中。
(44)建立颜色单元与涂色控件之间的映射关系。
比如,设置一个包括颜色层和5层颜色遮罩层的颜色单元,其中,这5层颜色遮罩层对应的透明数据值分别为:10%、15%、23%、45%以及74%,然后,可以根据这5层颜色遮罩层对应的透明数据值设置多层颜色遮罩层之间的排列顺序,如可以根据这5层颜色遮罩层对应的透明数据值的大小,按照从小到大的顺序依次排列,根据设置的排列顺序构建多层颜色遮罩层对应的颜色遮罩序列,然后,将颜色层的颜色数据以及颜色遮罩序列添加至同一颜色单元中,最后,建立颜色单元与涂色控件之间的映射关系。
也就是说,在步骤102中,当检测到用户针对涂色控件的操作时,可以于映射关系获取涂色控件对应的目标颜色单元。
103、当检测到用户针对待涂色图像的涂色操作时,基于目标颜色单元在涂色操作对应的目标位置上动态的显示颜色,并播放与目标位置对应的背景声音。
在实际应用中,由于目标颜色单元包括颜色层以及多层排列的颜色遮罩层,因此,当检测到用户针对待涂色图像的涂色操作时,可以基于颜色层以及多层排列的颜色遮罩层进行显示,即,在一些实施例中,步骤“当检测到用户针对待涂色图像的涂色操作时,基于目标颜色单元在涂色操作对应的目标位置上动态的显示颜色,并播放与目标位置对应的背景声音”,具体可以包括:当检测到用户针对待涂色图像的涂色操作时,基于颜色遮罩层的排列顺序和颜色层,在涂色操作对应的目标位置上动态的显示颜色,并播放与目标位置对应的背景声音。
其中,与目标位置对应的背景声音可以是预先设置好的,并且,目标位置对应的背景声音可以是一个背景声音,也可以是多个背景声音切换播放,具体根据实际情况进行设置。
待涂色图像中可以包括多个预先划分好的图像区域,基于用户的选择,在这多个预先划分好的图像区域中确定待涂色的涂色区域。即,在一些实施例中,步骤“当检测到用户针对待涂色图像的涂色操作时,基于颜色遮罩层的排列顺序和颜色层,在涂色操作对应的目标位置上动态的显示颜色,并播放与目标位置对应的背景声音”,具体可以包括:
(51)当检测到用户针对待涂色图像的涂色操作时,从待涂色图像中确定待涂色的涂色区域。
比如,当检测到用户针对待涂色图像涂色选择操作时,获取涂色选择操作的位置参数,当涂色选择操作的位置参数落入待涂色图像的图像区域中时,从待涂色图像的图像区域中,确定待涂色的涂色区域。
即,可选的,在一些实施例中,步骤“当检测到用户针对待涂色图像的涂色操作时,从待涂色图像中确定待涂色的涂色区域”,具体可以包括:当检测用户针对待涂色图像的涂色操作时,获取涂色操作对应的目标位置的位置参数,根据位置参数从待涂色图像的图像区域中,确定待涂色的涂色区域。
(52)根据颜色层对涂色区域进行涂色,得到涂色后区域。
例如,具体的,可以根据获取到的目标颜色单元对应的颜色层对涂色区域进行涂色。需要说明的是,根据获取到的目标颜色单元对应的颜色层对涂色区域进行涂色的方式可以有两种:
第一种方式为:首先,可以提取颜色层对应的颜色,然后,将提取的颜色层对应的颜色与涂色区域进行颜色融合,生成涂色后区域。
第二种方式为:可以根据目标颜色单元的标签信息以及涂色区域在待涂色图像中的位置,生成该涂色区域对应的图像块,然后,再通过图像块对涂色区域进行更新,生成涂色后区域。例如,具体的,提取目标颜色单元的标签信息,该标签信息指示该颜色单元的颜色层的颜色为红色,然后,确定涂色区域在待涂色图像中的位置,接着,基于标签信息以及涂色区域在待涂色图像中的位置,在预设素材库中获取相应的图像块,最后,通过图像块对涂色区域进行更新,生成涂色后区域。
即,在一些实施例中,步骤“根据颜色层对涂色区域进行涂色,得到涂色后区域”,具体可以包括:提取颜色层的标签信息,确定涂色区域在待涂色图像中的位置,根据标签信息以及涂色区域在待涂色图像中的位置,在预设素材库中获取涂色区域对应的图像块,通过图像块对涂色区域进行更新,生成涂色后区域。
需要说明的是,在本发明实施例中,素材库可以是运维人员预先建立好的,素材库中包括多个图像块,其中,多个图像块是待涂色图像中的图像区域与所所有颜色单元的颜色遍历的结果,在实际涂色过程中,通过目标颜色单元的标签信息以及涂色区域,即可调用相应的图像块,并将该图像块覆盖至相应的涂色区域,生成涂色后区域,也就是说,本方案是根据标签信息以及涂色区域,更新待涂色图像中的局部区域的颜色,因此,提高了图像处理效率。
(53)将每个颜色遮罩层的透明数据分别与涂色后区域的颜色数据进行数据融合,得到每个颜色遮罩层对应的融合后区域。
具体的,涂色后区域的颜色数据为三通道数据(即RGB通道数据),因此,可以将颜色遮罩层的透明数据(即透明通道)配置为涂色后区域的透明数据,从而生成每个颜色层对应的融合后区域,也就是说,融合后区域的数据为RGBA数据,即,四通道数据。
为了提高颜色融合的准确性,可选的,在一些实施例中,可以根据每个颜色层的每个颜色点在涂色后区域的位置信息,每个颜色层的每个颜色点的透明数据分别涂色后区域的每个像素点的颜色数据进行数据融合,得到每个颜色层对应的融合后区域。
即,步骤“将每个颜色遮罩层的透明数据分别与涂色后区域的颜色数据进行数据融合,得到每个颜色遮罩层对应的融合后区域”,具体可以包括:获取每个颜色遮罩层的每个颜色点在涂色后区域中的位置信息,根据位置信息,将每个颜色遮罩层的每个颜色点的透明数据分别与涂色后区域的每个像素点的颜色数据进行数据融合,得到每个颜色遮罩层对应的融合后区域。
以一个颜色遮罩层为例,首先,获取该颜色遮罩层所有颜色点在涂色后区域中的位置信息,比如,可以以待涂色图像所在的平面建立一个三维坐标系,那么就可以获取到颜色遮罩层所有颜色点在这个三维坐标系中的坐标点,通过这些坐标点即可以得到颜色遮罩层的每个颜色点在涂色后区域中的位置信息,然后,再根据这些位置信息,确定这个颜色遮罩层的每个颜色点与涂色区域中的像素点之间的对应关系,然后,根据这些对应关系,将颜色遮罩层中每一颜色点的透明数据的分量分别与涂色区域中每一像素点的颜色数据的分量进行数据融合,得到颜色遮罩层对应的目标颜色数据,最后,将颜色层遮罩对应的目标颜色数据与涂色后区域进行颜色融合,得到颜色遮罩层对应的融合后区域。
即,可选的,在一些实施例中,步骤“根据位置信息,将每个颜色遮罩层的每个颜色点的透明数据分别与涂色后区域的每个像素点的颜色数据进行数据融合,得到每个颜色遮罩层对应的融合后区域”,具体可以包括:根据位置信息,确定每个颜色遮罩层的颜色点与涂色后区域的每个像素点的对应关系,根据对应关系,将每个颜色层中每一颜色点的透明数据的分量分别与涂色区域中每一像素点的颜色数据的分量进行数据融合,得到每个颜色层对应的目标颜色数据,将每个颜色层对应的目标颜色数据与涂色后区域进行颜色融合,得到每个颜色层对应的融合后区域。
(54)基于颜色遮罩层的排列顺序,依次在待涂色图像上显示融合后区域,并播放与涂色区域对应的背景声音。
在获取到每个颜色层对应的融合后区域后,可以基于颜色遮罩层的排列顺序对所有融合后区域进行显示,比如,根据颜色遮罩层的排列顺序,确定颜色单元中的第一层颜色遮罩层,然后,显示第一层颜色遮罩层对应的融合后区域,接着,再确定颜色单元中的第二层颜色遮罩层,并显示第二层颜色遮罩层对应的融合后区域,以此类推,直到最后一层颜色遮罩层显示完毕。
具体的,可以根据颜色遮罩层的排列顺序依次获取每个颜色遮罩层对应的融合后区域的纹理参数,纹理参数可以包括渲染时所采用的基本图形的各个顶点的坐标,比如,以该颜色层的形状为三角形为例,该纹理参数可以包括这个三角形的三个顶点的坐标:Ia、Ib以及Ic,当每次获取到纹理参数时,则根据颜色遮罩层的排列顺序对涂色区域进行渲染并显示。
即,在一些实施例中,步骤“基于颜色遮罩层的排列顺序,依次在待涂色图像上显示融合后区域”,具体可以包括:根据颜色层的排列顺序依次获取每个颜色层对应的融合后区域的纹理参数,当每次获取到纹理参数时,根据颜色层的排列顺序对涂色区域进行渲染显示。
本发明实施例首先显示绘图页面,绘图页面包括待涂色图像和涂色控件,当检测到用户针对涂色控件的操作时,获取涂色控件对应的目标颜色单元,当检测到用户针对待涂色图像的涂色操作时,基于目标颜色单元在涂色操作对应的目标位置上动态的显示颜色,并播放与目标位置对应的背景声音。相对于现有图像处理的方案而言,本发明通过用户对涂色控件的选择操作确定对应的目标颜色单元,再基于目标颜色单元在所述涂色操作对应的目标位置上动态的显示颜色,当需要实现动画效果时,不需要使用大量的图像对待处理图像进行替换,因此,可以减少内存的占用,并且可以提高图像处理的效率。
根据实施例所述的方法,以下将举例进一步详细说明。
在本实施例中将以该图像处理装置具体集成在终端中为例进行说明。
请参阅图2a,一种图像处理方法,具体流程可以如下:
201、终端设置颜色层的颜色数据、多层颜色遮罩层的透明数据以及多层颜色遮罩层之间的排列顺序。
具体的,终端可以预先设置颜色层的颜色数据、多层颜色遮罩层的透明数据以及多层颜色遮罩层之间的排列顺序,例如,终端设置一个颜色单元包括5层按顺序排列的颜色遮罩层A、颜色遮罩层B、颜色遮罩层C、颜色遮罩层D以及颜色层E,其对应的透明数据值分别为:15%、23%、45%、10%以及74%。优选的,终端可以根据颜色遮罩层的透明数据值的大小进行排序,比如按照透明数据值的大小,从小到大依次排列,则该颜色单元中颜色遮罩层的顺序则为颜色层D-颜色层A-颜色层B-颜色层C-颜色层E。
202、终端基于设置的排列顺序构建多层颜色遮罩层对应的颜色遮罩序列。
203、终端将颜色层的颜色数据以及颜色遮罩序列添加至同一颜色单元中。
204、终端建立颜色单元与涂色控件之间的映射关系。
在终端将颜色单元设置完成后,建立颜色单元与涂色控件之间的映射关系,比如,终端设置有8个颜色单元,相应的,终端可以设置有8个涂色控件,并构建这8个颜色单元与这8个涂色构建的映射关系,其中,一个颜色单元对应一个涂色控件。
205、终端显示绘图页面。
终端可以在浏览器上显示绘图页面,比如终端在浏览器上设置一个绘图画布,该绘图画布上设置有一待涂色图像,并且,在绘图画布上还设置有多个涂色控件。
可选的,终端在显示绘图页面之前,终端还可以显示包括多个待涂色图像的绘图选择列表,并播放相应的背景声音,如图2b所示。另外,在一些实施例中,“终端显示绘图选择列表”,具体可以包括:终端显示绘图进入页面,终端当检测到用户针对开始触发控件的点击操作时,显示动效播放页面,当动效播放页面播放完毕时,终端显示绘图选择页面。
具体的,请参阅图2c,该绘图进入页面可以包括开始触发控件,当用户点击该开始触发控件时,终端可以显示相应的动效播放页面,该动效播放页面的背景声音以及动画可以是由终端预先设置的,也可以是由运维人员预先设置的,具体根据实际情况进行设置,当动效播放页面播放完毕时,终端可以显示绘图选择页面。此外,在一些实施例中,该动效播放页面还可以包括跳过播放控件,终端当检测到用户针对跳过播放控件的点击操作时,可以提前结束动效播放页面,并显示绘图选择页面。
可选的,终端可以通过对绘图进入页面的图形码进行扫码操作,从而显示绘图进入页面,即,在一些实施例中,“终端显示绘图进入页面”,具体可以包括:终端对图形码进行扫码操作,得到绘图链接信息,终端根据绘图链接信息显示绘图进入页面。
其中,该图形码可以是预先存储在终端上的图形码,也可以是由终端上的摄像头实时拍摄的,在此不作限定。
需要说明的是,终端当检测到用户针对绘图选择列表的切换显示操作时,可以切换显示绘图选择列表中的待涂色图像,并播放与切换显示操作对应的背景声音,即,在一些实施例中,还可以包括:终端当检测到用户针对绘图选择列表的切换显示操作时,切换显示所述绘图选择列表中的待涂色图像,并播放与切换显示操作对应的背景声音。
其中,该切换显示操作可以是用户针对绘图选择列表的滑动选取操作,比如,用户滑动绘图选择列表,该绘图选择列表包括5个待涂色图像,当用户在选择绘图选择列表中的待涂色图像时,终端可以根据用户的滑动速度以及滑动方向播放与用户的滑动选取操作对应的背景声音,具体根据实际情况进行设置,在此不再赘述。
206、终端当检测到用户针对涂色控件的操作时,基于映射关系获取涂色控件对应的目标颜色单元。
其中,目标颜色单元包括颜色层以及多层排列的颜色遮罩层。终端可以接收用户针对涂色控件的按压操作,例如,当终端检测到用户针对涂色控件的按压操作时,且当该按压操作的持续按压时长大于预设阈值时,获取涂色控件对应的目标颜色单元。
207、终端当检测到用户针对待涂色图像的涂色操作时,基于目标颜色单元在涂色操作对应的目标位置上动态的显示颜色,并播放与目标位置对应的背景声音。
待涂色图像中可以包括多个预先划分好的图像区域,基于用户的选择,在这多个预先划分好的图像区域中确定待涂色的涂色区域。比如,待涂色图像包括5个预先划分好的图像区域:区域A、区域B、区域C、区域D以及区域E,当检测到用户针对区域A的涂色选择操作时,将区域A确定为待涂色的涂色区域。即,在一些实施例中,“终端当检测到用户针对待涂色图像的涂色操作时,基于颜色遮罩层的排列顺序和颜色层,在涂色操作对应的目标位置上动态的显示颜色,并播放与目标位置对应的背景声音”,具体可以包括:终端当检测到用户针对待涂色图像的涂色操作时,从待涂色图像中确定待涂色的涂色区域,终端根据颜色层对涂色区域进行涂色,得到涂色后区域,终端将每个颜色遮罩层的透明数据分别与涂色后区域的颜色数据进行数据融合,得到每个颜色遮罩层对应的融合后区域,终端基于颜色遮罩层的排列顺序,依次在待涂色图像上显示融合后区域,并播放与涂色区域对应的背景声音。
具体的,当终端户针对待涂色图像的涂色选择操作时,获取涂色选择操作的位置参数,然后,终端根据位置信息从待涂色图像的图像区域中,确定待涂色的涂色区域。比如,待涂色图像包括5个预先划分好的图像区域:区域A、区域B、区域C、区域D以及区域E,当终端检测到用户针对区域A的涂色选择操作时,将区域A确定为待涂色的涂色区域。
可选的,终端根据目标颜色单元对涂色区域进行涂色的方式可以有两种。
第一种方式为:首先,终端可以提取目标颜色单元对应的颜色,然后,终端将目标颜色单元对应的颜色与涂色区域进行颜色融合,生成涂色后区域。
第二种方式为:终端可以根据目标颜色单元的标签信息以及涂色区域在待涂色图像中的位置,生成该涂色区域对应的图像块,然后,终端再通过图像块对涂色区域进行更新,生成涂色后区域。例如,首先,终端在待涂色图像中确定涂色区域,如图2d所示,终端提取选取到的颜色单元的标签信息,然后,终端确定涂色区域在待涂色图像中的位置,比如,终端提取目标颜色单元的标签信息指示该颜色单元为红色,并确定涂色区域为小鹿区域,如图2e所示,然后,终端基于标签信息以及涂色区域在待涂色图像中的位置,在预设素材库中获取相应的图像块,最后,终端通过图像块对涂色区域进行更新。
终端可以将颜色遮罩层的透明数据(即透明通道)配置为涂色后区域的透明数据,从而生成每个颜色层对应的融合后区域,也就是说,融合后区域的数据为RGBA数据。例如,目标颜色单元包括5个依次排列的颜色层,终端将颜色遮罩层A的透明数据为涂色后区域的透明数据,从而颜色遮罩层A对应的融合后区域A1,终端将颜色遮罩层B的透明数据为涂色后区域的透明数据,从而生成颜色遮罩层B对应的融合后区域B1,如图2f所示。
终端在获取到每个颜色遮罩层对应的融合后区域后,可以基于颜色层的排列顺序对所有融合后区域进行显示,比如,根据颜色遮罩层的排列顺序,确定颜色单元中的第一层颜色遮罩层,然后,终端显示第一层颜色遮罩层对应的融合后区域,接着,再终端确定颜色单元中的第二层颜色遮罩层,并显示第二层颜色遮罩层对应的融合后区域,以此类推,直到最后一层颜色遮罩层显示完毕,具体请参阅前面实施例,在此不再赘述。
本发明实施例的终端在设置颜色层的颜色数据、多层颜色遮罩层的透明数据以及多层颜色遮罩层之间的排列顺序后,终端基于设置的排列顺序构建多层颜色遮罩层对应的颜色遮罩序列,然后,终端将颜色层的颜色数据以及颜色遮罩序列添加至同一颜色单元中,接着,终端终端建立颜色单元与涂色控件之间的映射关系,再然后,终端显示绘图页面,当终端检测到用户针对涂色控件的操作时,基于映射关系获取涂色控件对应的目标颜色单元,最后,终端当检测到用户针对待涂色图像的涂色操作时,基于目标颜色单元在涂色操作对应的目标位置上动态的显示颜色,并播放与目标位置对应的背景声音。相对于现有图像处理的方案而言,本发明的终端通过用户对涂色控件的选择操作确定对应的目标颜色单元,再基于目标颜色单元在所述涂色操作对应的目标位置上动态的显示颜色,当实现动画效果时,不需要使用大量的图像对待处理图像进行替换,因此,可以减少内存的占用,并且可以提高图像处理的效率。
为便于更好的实施本发明实施例提供的图像处理方法,本发明实施例还提供一种基于上述图像处理装置(简称处理装置)。其中名词的含义与图像处理方法中相同,具体实现细节可以参考方法实施例中的说明。
请参阅图3a,图3a为本发明实施例提供的图像处理装置的结构示意图,其中该处理装置可以包括第一显示模块301、获取模块302以及第二显示模块303,具体可以如下:
第一显示模块301,用于显示绘图页面。
第一显示模块301可以在浏览器上显示绘图页面,该浏览器可以为支持h5的绘图画布的浏览器,如谷歌浏览器、火狐浏览器以及IE浏览器等。该绘图画布可以为Canvas画布,比如,在浏览器上设置一个绘图画布,该绘图画布上设置有一待涂色图像,并且,在绘图画布上还设置有多个涂色控件。
可选的,在一些实施例中,第一显示模块301具体可以包括:
第一显示单元,用于显示绘图进入页面,绘图进入页面包括开始触发控件。
第二显示单元,当检测到用户针对开始触发控件的点击操作时,显示动效播放页面。
第三显示单元,当动效播放页面播放完毕时,显示绘图选择页面,绘图选择页面包括绘图选择列表。
进一步的,第一显示单元具体可以包括:
扫码子单元,用于对图形码进行扫码操作,得到绘图链接信息。
显示子单元,用于根据绘图链接信息显示绘图进入页面。
获取模块302,用于当检测到用户针对涂色控件的选择操作时,获取涂色控件对应的目标颜色单元。
第二显示模块303,用于当检测到用户针对待涂色图像的涂色操作时,基于目标颜色单元在涂色操作对应的目标位置上动态的显示颜色,并播放与目标位置对应的背景声音。
其中,目标颜色单元可以包括颜色层以及多层排列的颜色遮罩层,在一些实施例中,第二显示模块303具体可以用于:当检测到用户针对待涂色图像的涂色操作时,基于颜色遮罩层的排列顺序和颜色层,在涂色操作对应的目标位置上动态的显示颜色,并播放与目标位置对应的背景声音。
可选的,在一些实施例中,第二显示模块303具体可以包括:
确定单元,用于当检测到用户针对待涂色图像的涂色操作时,从待涂色图像中确定待涂色的涂色区域;
涂色单元,用于根据颜色层对涂色区域进行涂色,得到涂色后区域;
融合单元,用于将每个颜色遮罩层的透明数据分别与涂色后区域的颜色数据进行数据融合,得到每个颜色遮罩层对应的融合后区域;
显示单元,用于基于颜色遮罩层的排列顺序,依次在待涂色图像上显示融合后区域,并播放与涂色区域对应的背景声音。
可选的,在一些实施例中,融合单元具体可以包括:
获取子单元,用于获取每个颜色遮罩层的每个颜色点在涂色后区域中的位置信息;
融合子单元,用于根据位置信息,将每个颜色遮罩层的每个颜色点的透明数据分别与涂色后区域的每个像素点的颜色数据进行数据融合,得到每个颜色遮罩层对应的融合后区域。
可选的,在一些实施例中,融合子单元具体可以用于:根据位置信息,确定每个颜色遮罩层的颜色点与涂色后区域的每个像素点的对应关系,根据所述对应关系,将每个颜色遮罩层中每一颜色点的透明数据的分量分别与涂色区域中每一像素点的颜色数据的分量进行数据融合,得到每个颜色层遮罩对应的目标颜色数据,将每个颜色遮罩层对应的目标颜色数据与涂色后区域进行颜色融合,得到每个颜色层遮罩对应的融合后区域。
可选的,在一些实施例中,涂色单元具体可以用于:提取所述颜色层的标签信息,确定所述涂色区域在待涂色图像中的位置,根据所述标签信息以及涂色区域在待涂色图像中的位置,在预设素材库中获取涂色区域对应的图像块,通过图像块对涂色区域进行更新,生成涂色后区域。
可选的,在一些实施例中,显示单元具体用于:根据颜色遮罩层的排列顺序依次获取每个颜色遮罩层对应的融合后区域的纹理参数,当每次获取到纹理参数时,根据颜色遮罩层的排列顺序对涂色区域进行渲染显示。
可选的,在本发明的一些实施例中,所述确定单元具体用于:当检测用户针对待涂色图像的涂色操作时,获取涂色操作对应的目标位置的位置参数,根据位置参数从待涂色图像的图像区域中,确定待涂色的涂色区域。
可选的,在一些实施例中,请参阅图3b,处理装置具体还可以包括:
第三显示模块304,用于显示绘图选择列表,并播放与绘图选择列表对应的背景声音,绘图选择列表包括多个待选的待涂色图像;
第四显示模块305,用于当检测到用户针对绘图选择列表中待涂色图像的选择操作时,显示用户选择的图像所对应的绘图页面。
可选的,在一些实施例中,请参阅图3c,处理装置具体还可以包括切换模块306,切换模块306具体可以用于:
当检测到用户针对绘图选择列表的切换显示操作时,切换显示绘图选择列表中的待涂色图像,并播放切换显示操作对应的背景声音。
可选的,在一些实施例中,请参阅图3d,处理装置具体还可以包括构建模块307,构建模块307具体可以用于:设置颜色层的颜色数据、多层颜色遮罩层的透明数据以及多层颜色遮罩层之间的排列顺序,基于设置的排列顺序构建多层颜色遮罩层对应的颜色遮罩序列,将颜色层的颜色数据以及颜色遮罩序列添加至同一颜色单元中,建立颜色单元与涂色控件之间的映射关系。
获取模块302具体可以用于:当检测到用户针对涂色控件的选择操作时,基于映射关系获取涂色控件对应的目标颜色单元。
本发明实施例中第一显示模块301显示绘图页面,获取模块302当检测到用户针对涂色控件的选择操作时,获取涂色控件对应的目标颜色单元,然后第二显示模块303当检测到用户针对待涂色图像的涂色操作时,基于目标颜色单元在涂色操作对应的目标位置上动态的显示颜色,并播放与目标位置对应的背景声音。相对于现有图像处理的方案而言,本发明的获取模块302当检测到用户针对涂色控件的选择操作时,获取涂色控件对应的目标颜色单元,第二显示模块303当检测到用户针对待涂色图像的涂色操作时,基于目标颜色单元在涂色操作对应的目标位置上动态的显示颜色,并播放与目标位置对应的背景声音,当需要实现动画效果时,不需要使用大量的图像对待处理图像进行替换,因此,可以减少内存的占用,并且可以提高图像处理的效率。
进一步的,为了便于对本发明实施例提供的图像处理方法的理解,请参阅图3e,以图像处理装置集成在手机为例,首先,手机加载素材资源,如视频、待涂色图像以及颜色单元,然后,构建颜色单元对应的排列顺序,接着,手机的显示屏显示待涂色图像,并根据用户的选择确定待涂色区域,然后,手机根据用户点击显示屏的位置,确定目标颜色单元,以及在待涂色对象中确定涂色区域,随后,手机根据目标颜色单元对应的颜色层对涂色区域进行涂色,再然后,手机,将选取到的颜色单元中每层颜色遮罩层的透明通道数据与涂色后区域的颜色数据进行融合,并基于颜色层之间的排列顺序依次显示融合后区域,即,根据颜色层之间的排列顺序逐帧播放融合后区域,此时,用户就能看到墨水在纸上晕开的过程了。
相应的,本发明实施例还提供一种终端,如图4所示,该终端可以包括射频(RF,Radio Frequency)电路401、包括有一个或一个以上计算机可读存储介质的存储器402、输入单元403、显示单元404、传感器405、音频电路406、无线保真(WiFi,Wireless Fidelity)模块407、包括有一个或者一个以上处理核心的处理器408、以及电源409等部件。本领域技术人员可以理解,图4中示出的终端结构并不构成对终端的限定,可以包括比图示更多或更少的部件,或者组合某些部件,或者不同的部件布置。其中:
RF电路401可用于收发信息或通话过程中,信号的接收和发送,特别地,将基站的下行信息接收后,交由一个或者一个以上处理器408处理;另外,将涉及上行的数据发送给基站。通常,RF电路401包括但不限于天线、至少一个放大器、调谐器、一个或多个振荡器、用户身份模块(SIM,Subscriber Identity Module)卡、收发信机、耦合器、低噪声放大器(LNA,Low Noise Amplifier)、双工器等。此外,RF电路401还可以通过无线通信与网络和其他设备通信。所述无线通信可以使用任一通信标准或协议,包括但不限于全球移动通讯系统(GSM,Global System of Mobile communication)、通用分组无线服务(GPRS,GeneralPacket Radio Service)、码分多址(CDMA,Code Division Multiple Access)、宽带码分多址(WCDMA,Wideband Code Division Multiple Access)、长期演进(LTE,Long TermEvolution)、电子邮件、短消息服务(SMS,Short Messaging Service)等。
存储器402可用于存储软件程序以及模块,处理器408通过运行存储在存储器402的软件程序以及模块,从而执行各种功能应用以及数据处理。存储器402可主要包括存储程序区和存储数据区,其中,存储程序区可存储操作系统、至少一个功能所需的应用程序(比如声音播放功能、图像播放功能等)等;存储数据区可存储根据终端的使用所创建的数据(比如音频数据、电话本等)等。此外,存储器402可以包括高速随机存取存储器,还可以包括非易失性存储器,例如至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。相应地,存储器402还可以包括存储器控制器,以提供处理器408和输入单元403对存储器402的访问。
输入单元403可用于接收输入的数字或字符信息,以及产生与用户设置以及功能控制有关的键盘、鼠标、操作杆、光学或者轨迹球信号输入。具体地,在一个具体的实施例中,输入单元403可包括触敏表面以及其他输入设备。触敏表面,也称为触摸显示屏或者触控板,可收集用户在其上或附近的触摸操作(比如用户使用手指、触笔等任何适合的物体或附件在触敏表面上或在触敏表面附近的操作),并根据预先设定的程式驱动相应的连接装置。可选的,触敏表面可包括触摸检测装置和触摸控制器两个部分。其中,触摸检测装置检测用户的触摸方位,并检测触摸操作带来的信号,将信号传送给触摸控制器;触摸控制器从触摸检测装置上接收触摸信息,并将它转换成触点坐标,再送给处理器408,并能接收处理器408发来的命令并加以执行。此外,可以采用电阻式、电容式、红外线以及表面声波等多种类型实现触敏表面。除了触敏表面,输入单元403还可以包括其他输入设备。具体地,其他输入设备可以包括但不限于物理键盘、功能键(比如音量控制按键、开关按键等)、轨迹球、鼠标、操作杆等中的一种或多种。
显示单元404可用于显示由用户输入的信息或提供给用户的信息以及终端的各种图形用户接口,这些图形用户接口可以由图形、文本、图标、视频和其任意组合来构成。显示单元404可包括显示面板,可选的,可以采用液晶显示器(LCD,Liquid Crystal Display)、有机发光二极管(OLED,Organic Light-Emitting Diode)等形式来配置显示面板。进一步的,触敏表面可覆盖显示面板,当触敏表面检测到在其上或附近的触摸操作后,传送给处理器408以确定触摸事件的类型,随后处理器408根据触摸事件的类型在显示面板上提供相应的视觉输出。虽然在图4中,触敏表面与显示面板是作为两个独立的部件来实现输入和输入功能,但是在某些实施例中,可以将触敏表面与显示面板集成而实现输入和输出功能。
终端还可包括至少一种传感器405,比如光传感器、运动传感器以及其他传感器。具体地,光传感器可包括环境光传感器及接近传感器,其中,环境光传感器可根据环境光线的明暗来调节显示面板的亮度,接近传感器可在终端移动到耳边时,关闭显示面板和/或背光。作为运动传感器的一种,重力加速度传感器可检测各个方向上(一般为三轴)加速度的大小,静止时可检测出重力的大小及方向,可用于识别手机姿态的应用(比如横竖屏切换、相关游戏、磁力计姿态校准)、振动识别相关功能(比如计步器、敲击)等;至于终端还可配置的陀螺仪、气压计、湿度计、温度计、红外线传感器等其他传感器,在此不再赘述。
音频电路406、扬声器,传声器可提供用户与终端之间的音频接口。音频电路406可将接收到的音频数据转换后的电信号,传输到扬声器,由扬声器转换为声音信号输出;另一方面,传声器将收集的声音信号转换为电信号,由音频电路406接收后转换为音频数据,再将音频数据输出处理器408处理后,经RF电路401以发送给比如另一终端,或者将音频数据输出至存储器402以便进一步处理。音频电路406还可能包括耳塞插孔,以提供外设耳机与终端的通信。
WiFi属于短距离无线传输技术,终端通过WiFi模块407可以帮助用户收发电子邮件、浏览网页和访问流式媒体等,它为用户提供了无线的宽带互联网访问。虽然图4示出了WiFi模块407,但是可以理解的是,其并不属于终端的必须构成,完全可以根据需要在不改变发明的本质的范围内而省略。
处理器408是终端的控制中心,利用各种接口和线路连接整个手机的各个部分,通过运行或执行存储在存储器402内的软件程序和/或模块,以及调用存储在存储器402内的数据,执行终端的各种功能和处理数据,从而对手机进行整体监控。可选的,处理器408可包括一个或多个处理核心;优选的,处理器408可集成应用处理器和调制解调处理器,其中,应用处理器主要处理操作系统、用户界面和应用程序等,调制解调处理器主要处理无线通信。可以理解的是,上述调制解调处理器也可以不集成到处理器408中。
终端还包括给各个部件供电的电源409(比如电池),优选的,电源可以通过电源管理系统与处理器408逻辑相连,从而通过电源管理系统实现管理充电、放电、以及功耗管理等功能。电源409还可以包括一个或一个以上的直流或交流电源、再充电系统、电源故障检测电路、电源转换器或者逆变器、电源状态指示器等任意组件。
尽管未示出,终端还可以包括摄像头、蓝牙模块等,在此不再赘述。具体在本实施例中,终端中的处理器408会按照如下的指令,将一个或一个以上的应用程序的进程对应的可执行文件加载到存储器402中,并由处理器408来运行存储在存储器402中的应用程序,从而实现各种功能:
显示绘图页面,绘图页面包括待涂色图像和涂色控件,当检测到用户针对涂色控件的选择操作时,获取涂色控件对应的目标颜色单元,当检测到用户针对待涂色图像的涂色操作时,基于目标颜色单元在涂色操作对应的目标位置上动态的显示颜色,并播放与目标位置对应的背景声音。
本发明实施例首先显示绘图页面,绘图页面包括待涂色图像和涂色控件,当检测到用户针对涂色控件的操作时,获取涂色控件对应的目标颜色单元,当检测到用户针对待涂色图像的涂色操作时,基于目标颜色单元在涂色操作对应的目标位置上动态的显示颜色,并播放与目标位置对应的背景声音。相对于现有图像处理的方案而言,本发明通过用户对涂色控件的选择操作确定对应的目标颜色单元,再基于目标颜色单元在所述涂色操作对应的目标位置上动态的显示颜色,当需要实现动画效果时,不需要使用大量的图像对待处理图像进行替换,因此,可以减少内存的占用,并且可以提高图像处理的效率。
本领域普通技术人员可以理解,上述实施例的各种方法中的全部或部分步骤可以通过指令来完成,或通过指令控制相关的硬件来完成,该指令可以存储于一计算机可读存储介质中,并由处理器进行加载和执行。
为此,本发明实施例提供一种存储介质,其中存储有多条指令,该指令能够被处理器进行加载,以执行本发明实施例所提供的任一种图像处理方法中的步骤。例如,该指令可以执行如下步骤:
显示绘图页面,绘图页面包括待涂色图像和涂色控件,当检测到用户针对涂色控件的选择操作时,获取涂色控件对应的目标颜色单元,当检测到用户针对待涂色图像的涂色操作时,基于目标颜色单元在涂色操作对应的目标位置上动态的显示颜色,并播放与目标位置对应的背景声音。
以上各个操作的具体实施可参见前面的实施例,在此不再赘述。
其中,该存储介质可以包括:只读存储器(ROM,Read Only Memory)、随机存取记忆体(RAM,Random Access Memory)、磁盘或光盘等。
由于该存储介质中所存储的指令,可以执行本发明实施例所提供的任一种图像处理方法中的步骤,因此,可以实现本发明实施例所提供的任一种图像处理方法所能实现的有益效果,详见前面的实施例,在此不再赘述。
以上对本发明实施例所提供的一种图像处理方法、装置、终端以及存储介质进行了详细介绍,本文中应用了具体个例对本发明的原理及实施方式进行了阐述,以上实施例的说明只是用于帮助理解本发明的方法及其核心思想;同时,对于本领域的技术人员,依据本发明的思想,在具体实施方式及应用范围上均会有改变之处,综上所述,本说明书内容不应理解为对本发明的限制。
Claims (14)
1.一种图像处理方法,其特征在于,包括:
显示绘图页面,所述绘图页面包括待涂色图像和涂色控件;
当检测到用户针对所述涂色控件的选择操作时,获取所述涂色控件对应的目标颜色单元,所述目标颜色单元包括预先设置的颜色层以及多层排列的颜色遮罩层;
当检测到用户针对所述待涂色图像的涂色操作时,从所述待涂色图像中确定待涂色的涂色区域;
根据所述颜色层对所述涂色区域进行涂色,得到涂色后区域;
将每个颜色遮罩层的透明数据分别与所述涂色后区域的颜色数据进行数据融合,得到每个颜色遮罩层对应的融合后区域;
基于所述颜色遮罩层的排列顺序,依次在所述待涂色图像上显示融合后区域,并播放与所述涂色区域对应的背景声音。
2.根据权利要求1所述的方法,其特征在于,所述显示绘图页面之前,还包括:
显示绘图选择列表,并播放与所述绘图选择列表对应的背景声音,所述绘图选择列表包括多个待选的待涂色图像;
当检测到用户针对所述绘图选择列表中待涂色图像的选择操作时,显示用户选择的图像所对应的绘图页面。
3.根据权利要求2所述的方法,其特征在于,还包括:
当检测到用户针对所述绘图选择列表的切换显示操作时,切换显示所述绘图选择列表中的待涂色图像,并播放与切换显示操作对应的背景声音。
4.根据权利要求2所述的方法,其特征在于,显示绘图选择列表,包括:
显示绘图进入页面,所述绘图进入页面包括开始触发控件;
当检测到用户针对开始触发控件的点击操作时,显示动效播放页面;
当所述动效播放页面播放完毕时,显示绘图选择页面,所述绘图选择页面包括绘图选择列表。
5.根据权利要求4所述的方法,其特征在于,所述显示绘图进入页面,包括:
对图形码进行扫码操作,得到绘图链接信息;
根据所述绘图链接信息显示绘图进入页面。
6.根据权利要求1所述的方法,其特征在于,所述将每个颜色遮罩层的透明数据分别与所述涂色后区域的颜色数据进行数据融合,得到每个颜色遮罩层对应的融合后区域,包括:
获取每个颜色遮罩层的每个颜色点在所述涂色后区域中的位置信息;
根据所述位置信息,将每个颜色遮罩层的每个颜色点的透明数据分别与所述涂色后区域的每个像素点的颜色数据进行数据融合,得到每个颜色遮罩层对应的融合后区域。
7.根据权利要求6所述的方法,其特征在于,所述根据所述位置信息,将每个颜色遮罩层的每个颜色点的透明数据分别所述涂色后区域的每个像素点的颜色数据进行数据融合,得到每个颜色遮罩层对应的融合后区域,包括:
根据所述位置信息,确定每个颜色遮罩层的颜色点与所述涂色后区域的每个像素点的对应关系;
根据所述对应关系,将每个颜色遮罩层中每一颜色点的透明数据的分量分别与所述涂色区域中每一像素点的颜色数据的分量进行数据融合,得到每个颜色层遮罩对应的目标颜色数据;
将每个颜色遮罩层对应的目标颜色数据与涂色后区域进行颜色融合,得到每个颜色层遮罩对应的融合后区域。
8.根据权利要求1所述的方法,其特征在于,所述根据所述颜色层对所述涂色区域进行涂色,得到涂色后区域,包括:
提取所述颜色层的标签信息;
确定所述涂色区域在待涂色图像中的位置;
根据所述标签信息以及涂色区域在待涂色图像中的位置,在预设素材库中获取涂色区域对应的图像块;
通过图像块对涂色区域进行更新,生成涂色后区域。
9.根据权利要求1所述的方法,其特征在于,所述基于所述颜色遮罩层的排列顺序,依次在所述待涂色图像上显示融合后区域,包括:
根据所述颜色遮罩层的排列顺序依次获取每个颜色遮罩层对应的融合后区域的纹理参数;
当每次获取到纹理参数时,根据所述颜色遮罩层的排列顺序对所述涂色区域进行渲染显示。
10.根据权利要求1所述的方法,其特征在于,所述当检测到用户针对所述待涂色图像的涂色操作时,从待涂色图像中确定待涂色的涂色区域,包括:
当检测用户针对待涂色图像的涂色操作时,获取所述涂色操作对应的目标位置的位置参数;
根据所述位置参数从待涂色图像的图像区域中,确定待涂色的涂色区域。
11.根据权利要求1至10任一项所述的方法,其特征在于,还包括:
设置颜色层的颜色数据、多层颜色遮罩层的透明数据以及多层颜色遮罩层之间的排列顺序;
基于设置的排列顺序构建多层颜色遮罩层对应的颜色遮罩序列;
将所述颜色层的颜色数据以及颜色遮罩序列添加至同一颜色单元中;
建立颜色单元与涂色控件之间的映射关系;
所述获取涂色控件对应的目标颜色单元,包括:基于映射关系获取涂色控件对应的目标颜色单元。
12.一种图像处理装置,其特征在于,包括:
第一显示模块,用于显示绘图页面,所述绘图页面包括待涂色图像和涂色控件;
获取模块,用于当检测到用户针对所述涂色控件的选择操作时,获取所述涂色控件对应的目标颜色单元,所述目标颜色单元包括预先设置的颜色层以及多层排列的颜色遮罩层;
确定单元,用于当检测到用户针对所述待涂色图像的涂色操作时,从所述待涂色图像中确定待涂色的涂色区域;
涂色单元,用于根据所述颜色层对所述涂色区域进行涂色,得到涂色后区域;
融合单元,用于将每个颜色遮罩层的透明数据分别与所述涂色后区域的颜色数据进行数据融合,得到每个颜色遮罩层对应的融合后区域;
显示单元,用于基于所述颜色遮罩层的排列顺序,依次在所述待涂色图像上显示融合后区域,并播放与所述涂色区域对应的背景声音。
13.一种存储介质,其上存储有计算机程序,其中,所述计算机程序被处理器执行时实现如权利要求1-11任一项所述方法的步骤。
14.一种计算机设备,包括存储器,处理器及存储在存储器上并可在处理器上运行的计算机程序,其中,所述处理器执行所述程序时实现如权利要求1-11任一项所述方法的步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910718862.0A CN110458921B (zh) | 2019-08-05 | 2019-08-05 | 一种图像处理方法、装置、终端以及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910718862.0A CN110458921B (zh) | 2019-08-05 | 2019-08-05 | 一种图像处理方法、装置、终端以及存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN110458921A CN110458921A (zh) | 2019-11-15 |
CN110458921B true CN110458921B (zh) | 2021-08-03 |
Family
ID=68483042
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201910718862.0A Active CN110458921B (zh) | 2019-08-05 | 2019-08-05 | 一种图像处理方法、装置、终端以及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN110458921B (zh) |
Families Citing this family (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111739126A (zh) * | 2020-06-10 | 2020-10-02 | 上海丽昂数字科技有限公司 | 盲人用涂色板、涂色方法及装置 |
WO2023273761A1 (zh) * | 2021-06-30 | 2023-01-05 | 海信视像科技股份有限公司 | 一种显示设备及图像处理方法 |
CN114501107A (zh) * | 2021-06-30 | 2022-05-13 | 海信视像科技股份有限公司 | 一种显示设备及涂色方法 |
CN117616461A (zh) * | 2021-06-30 | 2024-02-27 | 海信视像科技股份有限公司 | 一种显示设备及填色方法 |
CN113763286A (zh) * | 2021-09-27 | 2021-12-07 | 北京市商汤科技开发有限公司 | 图像处理方法及装置、电子设备和存储介质 |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102779129A (zh) * | 2011-05-11 | 2012-11-14 | 腾讯科技(深圳)有限公司 | 在网络浏览器上实现图片渐进渐出效果的方法和装置 |
CN104765614A (zh) * | 2015-04-24 | 2015-07-08 | 广东小天才科技有限公司 | 填色处理方法及装置 |
CN108492348A (zh) * | 2018-03-30 | 2018-09-04 | 北京金山安全软件有限公司 | 图像处理方法、装置、电子设备及存储介质 |
CN108921916A (zh) * | 2018-07-03 | 2018-11-30 | 广东工业大学 | 图片中多目标区域的上色方法、装置、设备及存储介质 |
CN109903347A (zh) * | 2017-12-08 | 2019-06-18 | 北大方正集团有限公司 | 一种颜色混合的方法、系统、计算机设备及存储介质 |
Family Cites Families (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US8638341B2 (en) * | 2007-10-23 | 2014-01-28 | Qualcomm Incorporated | Antialiasing of two-dimensional vector images |
CN109584341B (zh) * | 2018-11-15 | 2022-11-25 | 腾讯科技(深圳)有限公司 | 在画板上绘图的方法及装置 |
CN109785408B (zh) * | 2018-12-29 | 2023-06-27 | 北京金山安全软件有限公司 | 一种填图方法、装置及电子设备 |
-
2019
- 2019-08-05 CN CN201910718862.0A patent/CN110458921B/zh active Active
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102779129A (zh) * | 2011-05-11 | 2012-11-14 | 腾讯科技(深圳)有限公司 | 在网络浏览器上实现图片渐进渐出效果的方法和装置 |
CN104765614A (zh) * | 2015-04-24 | 2015-07-08 | 广东小天才科技有限公司 | 填色处理方法及装置 |
CN109903347A (zh) * | 2017-12-08 | 2019-06-18 | 北大方正集团有限公司 | 一种颜色混合的方法、系统、计算机设备及存储介质 |
CN108492348A (zh) * | 2018-03-30 | 2018-09-04 | 北京金山安全软件有限公司 | 图像处理方法、装置、电子设备及存储介质 |
CN108921916A (zh) * | 2018-07-03 | 2018-11-30 | 广东工业大学 | 图片中多目标区域的上色方法、装置、设备及存储介质 |
Non-Patent Citations (2)
Title |
---|
【王者荣耀】敦煌文化数字供养人互动H5;奥德卡;《https://www.bilibili.com/video/av32781544/》;20180930;第1-6页 * |
王者荣耀x敦煌研究院的数字供养人计划第二期;李昂;《https://www.gameres.com/826161.html》;20181030;第1-17页 * |
Also Published As
Publication number | Publication date |
---|---|
CN110458921A (zh) | 2019-11-15 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN110458921B (zh) | 一种图像处理方法、装置、终端以及存储介质 | |
CN107977144B (zh) | 一种截屏处理方法及移动终端 | |
CN109191410B (zh) | 一种人脸图像融合方法、装置及存储介质 | |
CN107256555B (zh) | 一种图像处理方法、装置及存储介质 | |
EP3370204B1 (en) | Method for detecting skin region and device for detecting skin region | |
JP6374970B2 (ja) | 画像処理方法および装置ならびにコンピュータデバイス | |
CN108234276B (zh) | 一种虚拟形象之间互动的方法、终端及系统 | |
WO2015172704A1 (en) | To-be-shared interface processing method, and terminal | |
CN111127595B (zh) | 图像处理方法及电子设备 | |
CN109614173B (zh) | 一种换肤方法及装置 | |
CN108701365B (zh) | 光点识别方法、装置以及系统 | |
CN107819935B (zh) | 一种移动终端的控制方法及移动终端 | |
CN109413264B (zh) | 一种背景图片调整方法及终端设备 | |
CN109697008B (zh) | 一种内容分享方法、终端及计算机可读存储介质 | |
CN107995440B (zh) | 一种视频字幕贴图生成方法、装置、计算机可读存储介质及终端设备 | |
CN110673770B (zh) | 消息展示方法及终端设备 | |
CN109068063A (zh) | 一种三维图像数据的处理、显示方法、装置及移动终端 | |
CN111966436A (zh) | 屏幕显示控制方法、装置、终端设备及存储介质 | |
CN106445970B (zh) | 一种占位图的加载处理方法和装置 | |
CN110908757B (zh) | 一种媒体内容显示的方法以及相关装置 | |
CN110717964B (zh) | 场景建模方法、终端及可读存储介质 | |
CN108510266A (zh) | 一种数字对象唯一标识符识别方法及移动终端 | |
CN112817501A (zh) | 一种媒体内容显示的方法以及相关装置 | |
CN113793407A (zh) | 动态图像制作方法、移动终端及存储介质 | |
CN111031242B (zh) | 图像处理方法及装置 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |