CN111383310B - 一种图片***方法及装置 - Google Patents
一种图片***方法及装置 Download PDFInfo
- Publication number
- CN111383310B CN111383310B CN201811645350.8A CN201811645350A CN111383310B CN 111383310 B CN111383310 B CN 111383310B CN 201811645350 A CN201811645350 A CN 201811645350A CN 111383310 B CN111383310 B CN 111383310B
- Authority
- CN
- China
- Prior art keywords
- target
- vertex
- picture
- information
- coordinate
- 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
- 238000000034 method Methods 0.000 title claims abstract description 72
- 238000006073 displacement reaction Methods 0.000 claims abstract description 45
- 230000000694 effects Effects 0.000 claims abstract description 44
- 239000011159 matrix material Substances 0.000 claims description 77
- 238000004590 computer program Methods 0.000 claims description 6
- 238000010586 diagram Methods 0.000 description 15
- 239000010432 diamond Substances 0.000 description 6
- 238000004891 communication Methods 0.000 description 5
- 229910003460 diamond Inorganic materials 0.000 description 5
- 230000006870 function Effects 0.000 description 3
- 230000009286 beneficial effect Effects 0.000 description 2
- 238000004422 calculation algorithm Methods 0.000 description 2
- QNRATNLHPGXHMA-XZHTYLCXSA-N (r)-(6-ethoxyquinolin-4-yl)-[(2s,4s,5r)-5-ethyl-1-azabicyclo[2.2.2]octan-2-yl]methanol;hydrochloride Chemical compound Cl.C([C@H]([C@H](C1)CC)C2)CN1[C@@H]2[C@H](O)C1=CC=NC2=CC=C(OCC)C=C21 QNRATNLHPGXHMA-XZHTYLCXSA-N 0.000 description 1
- 238000004364 calculation method Methods 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T13/00—Animation
- G06T13/80—2D [Two Dimensional] animation, e.g. using sprites
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T3/00—Geometric image transformations in the plane of the image
- G06T3/18—Image warping, e.g. rearranging pixels individually
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T3/00—Geometric image transformations in the plane of the image
- G06T3/60—Rotation of whole images or parts thereof
- G06T3/602—Rotation of whole images or parts thereof by block rotation, e.g. by recursive reversal or rotation
Landscapes
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Processing Or Creating Images (AREA)
Abstract
本发明实施例提供了一种图片***方法及装置,该方法包括:获取目标图片数据,并提取所述目标图片数据中的目标区域;采用遍历窗口遍历所述目标图片数据,获取覆盖所述目标图片数据中的所有遍历窗口的顶点信息,并根据所述顶点信息在所述目标区域内生成多个目标形状区域;根据所述每个目标形状区域所覆盖的像素点,生成所述每个目标形状区域分别对应的目标形状图片;设置每个目标形状图片分别对应的偏移属性信息,根据所述偏移属性信息对所述每个目标形状图片进行具有***动画效果的位移偏转。采用本发明实施例,可以减少图片***过程中的运算量,以提高图片***处理效率。
Description
技术领域
本发明涉及计算机技术领域,尤其涉及一种图片***方法及装置。
背景技术
随着图像技术的不断发展和各种新兴图像应用的涌现,用户为追求个性化,使用图片动画的频率日益增加。
现有技术中,图片的动画效果主要是通过对图片进行矩形***来完成的。用户可以自主选择图片中的任一区域,并遍历该区域中的全部像素点,将每一个像素点填充至对应的矩形中,可计算出每个矩形并得到其对应的像素点信息,通过改变每个矩形及其对应的所有像素点信息的偏移距离和旋转方向,可以实现图片的矩形***。由此可见,在***动画需要通过改变选中区域内所有像素点的位置信息,进而导致运算量过高,图片***处理效率低下。
发明内容
本发明实施例提供一种图片***方法及装置,可以减少图片***过程中的运算量,以提高图片***处理效率。
本发明一方面提供了一种图片***方法,包括:
获取目标图片数据,并提取所述目标图片数据中的目标区域;
采用遍历窗口遍历所述目标图片数据,获取覆盖所述目标图片数据中的所有遍历窗口的顶点信息,并根据所述顶点信息在所述目标区域内生成多个目标形状区域;
根据所述每个目标形状区域所覆盖的像素点,生成所述每个目标形状区域分别对应的目标形状图片;
设置每个目标形状图片分别对应的偏移属性信息,根据所述偏移属性信息对所述每个目标形状图片进行具有***动画效果的位移偏转。
其中,所述设置每个目标形状图片分别对应的偏移属性信息,包括:
将所述目标顶点矩阵中每行的首位顶点信息确定为第一顶点坐标信息,并将所述目标顶点矩阵中的剩余顶点信息确定为第二顶点坐标信息,所述剩余顶点信息包括所述目标顶点矩阵中除了每行的首位顶点信息以外的顶点信息;
基于每行的所述第一顶点坐标信息与所述第二顶点坐标信息,分别为每行中的所述目标形状图片设置偏移属性信息。
其中,所述根据所述偏移属性信息对所述每个目标形状图片进行具有***动画效果的位移偏转,包括:
获取所述目标形状图片的关键点坐标信息,所述关键点坐标信息是由所述目标形状图片中的目标像素点对应的坐标信息所确定;
根据所述关键点坐标信息中的第一方向坐标与所述第一方向偏移量,确定所述目标形状图片的第一方向目的坐标;
根据所述关键点坐标信息中的第二方向坐标与所述第二方向偏移量,确定所述目标形状图片的第二方向目的坐标;
基于所述第一方向目的坐标与所述第二方向目的坐标,确定所述目标形状图片的偏移目的坐标信息,并根据所述偏移目的坐标信息对所述目标形状图片进行具有***动画效果的位移偏转。
本发明另一方面提供了一种图片***装置,包括:
数据获取模块,用于获取目标图片数据,并提取所述目标图片数据中的目标区域;
区域生成模块,用于采用遍历窗口遍历所述目标图片数据,获取覆盖所述目标图片数据中的所有遍历窗口的顶点信息,并根据所述顶点信息在所述目标区域内生成多个目标形状区域;
图片生成模块,用于根据所述每个目标形状区域所覆盖的像素点,生成所述每个目标形状区域分别对应的目标形状图片;
***动画模块,用于设置每个目标形状图片分别对应的偏移属性信息,根据所述偏移属性信息对所述每个目标形状图片进行具有***动画效果的位移偏转。
本发明另一方面提供了一种图片***装置,包括:处理器和存储器;
所述处理器和存储器相连,其中,所述存储器用于存储程序代码,所述处理器用于调用所述程序代码,以执行如本发明实施例中一方面中的方法。
本发明实施例另一方面提供了一种计算机存储介质,所述计算机存储介质存储有计算机程序,所述计算机程序包括程序指令,所述程序指令当被处理器执行时,执行如本发明实施例中一方面中的方法。
本发明实在图片***动画的整个实现过程中,可以将图片中选中的区域以目标形状的形态进行***,并将上述每个目标形状覆盖的像素点转换成图片形式,只需改变每个目标形状图片的位置信息就可实现图片***动画效果,避免需要对目标形状区域内的所有像素点分别进行偏移处理,以降低运算量,从而提高图片***处理效率。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1是本发明实施例提供的一种图片***方法的场景示意图;
图2是本发明实施例提供的一种图片***方法的流程示意图;
图3是本发明实施例提供的另一种图片***方法的流程示意图;
图4a-图4c是本发明实施例提供的一种获取目标形状区域的原理示意图;
图5是本发明实施例提供的一种设置偏移属性信息的流程示意图;
图6a和图6b是本发明实施例提供的一种设置偏移属性信息的原理示意图;
图7是本发明实施例提供的另一种图片***方法的流程示意图;
图8a-图8d是本发明实施例提供的一种图片***方法的界面示意图;
图9是本发明实施例提供的一种图片***装置的结构示意图;
图10是本发明实施例提供的一种偏移属性设置单元的结构示意图;
图11是本发明实施例提供的另一种图片***装置的结构示意图。
具体实施方式
下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
请参见图1,图1是本发明实施例提供的一种图片***方法的场景示意图。如图1所示,用户可以从终端设备100a中打开客户端200a(例如QQ客户端、微信客户端等),从客户端200a中选择一张图片作为进行图片***的目标图片数据300a,当然用户也可以从终端设备100a中的相册中选择一张图片作为目标图片数据300a,或者打开相机应用并实时拍摄照片或视频,将实时拍摄的照片或视频的视频帧作为目标图片数据300a,用户可选择上述目标图片数据中的任一区域作为目标区域400a进行***。可采用矩形窗口遍历上述目标图片数据,并记录下遍历过程中上述矩形窗口的顶点信息,可将上述记录下的顶点信息中的单行或双行顶点进行位置偏移,实现上述顶点信息的单双行位移差,并连接上述进行位置偏移后的顶点信息,在上述目标区域400a中生成多个目标形状区域,例如,生成多个三角形图案,每个三角形图案均由三个距离最近的顶点信息连接而成。将上述每个目标形状区域覆盖的像素点转换成图片形式,生成目标形状图片。随后对上述每个目标形状图片设置偏移属性信息,根据目标形状图片的原始坐标信息与设置的偏移属性信息,可确定上述目标形状图片的偏转目的坐标信息,根据每个目标形状图片的原始坐标信息与偏转目的坐标信息,可实现上述目标区域400a的图片***动画效果,并在上述客户端200a的界面上显示出来,其中,上述偏移属性信息可指上述每个目标形状图片在横轴与纵轴上的偏转坐标信息与偏转角度信息。用户若不满意上述显示的图片***动画效果,可自行设置以更新上述每个目标形状图片的偏移属性信息,直到达到最优的图片***动画效果。上述终端设备100a可以包括手机、平板电脑、笔记本电脑、掌上电脑、移动互联网设备(mobile internetdevice,MID)、可穿戴设备(例如智能手表、智能手环等)等智能设备,每个终端设备都可以安装上述可以显示图片***动画效果的客户端200a。
其中,对图片进行***处理的具体流程可以参见以下图2-图5所对应的实施例。
进一步地,请参见图2,图2是本发明实施例提供的一种图片***方法的流程示意图。如图2所示,该方法可以包括:
步骤S101,获取目标图片数据,并提取所述目标图片数据中的目标区域;
具体的,终端设备可以通过用户从社交平台客户端或相册应用或视频应用中选择图片或者视频的视频帧确定目标图片数据,并在上述客户端上显示该目标图片数据,随后,可根据用户在上述目标图片数据中选取的区域确定目标区域,该目标区域可以是任意形状、任意大小(不超过上述目标图片数据)。其中,对于手机、平板电脑、掌上电脑等具有触摸功能的终端设备,用户可以通过在终端设备的界面上用手指触摸或触摸笔选取上述目标图片数据中的任意区域;对于笔记本电脑、台式电脑等不具有触摸功能的终端设备,用户可以使用鼠标选取上述目标图片数据中的任意区域;上述目标图片数据既可以是图片也可以是视频中的任一视频帧。
步骤S102,采用遍历窗口遍历所述目标图片数据,获取覆盖所述目标图片数据中的所有遍历窗口的顶点信息,并根据所述顶点信息在所述目标区域内生成多个目标形状区域;
具体的,可采用遍历窗口(例如矩形)对上述目标图片数据进行遍历,在遍历过程中,以遍历窗口为单元进行移动,并保存移动过程中该遍历窗口的顶点信息,当然,在遍历过程中同样的顶点信息不需要进行重复保存,也就是说采用遍历窗口遍历完整个目标图片数据后,在目标图片数据区域内可得到一连串不重复的顶点信息,将上述顶点信息中的一部分顶点信息进行相同距离的移动,使得上述顶点信息中相邻两行顶点信息之间实现位移差,随后,连接上述进行右移后的顶点信息,在上述目标区域内得到多个目标形状区域。由于只针对上述目标图片数据中的目标区域,因而只需对上述目标区域范围内的顶点信息进行连接,生成多个目标形状区域即可。
其中,多个目标形状区域可指三角形、菱形等形状,可根据顶点信息连接而成。若目标形状区域为三角形,则可通过三角化方法对上述顶点信息进行连接,得到多个三角形,若目标形状区域为菱形,则可通过连接顶点信息得到多个菱形。
步骤S103,根据所述每个目标形状区域所覆盖的像素点,生成所述每个目标形状区域分别对应的目标形状图片;
具体的,将上述多个目标形状区域分别覆盖的像素点以数组的形式进行保存,并将每个目标形状区域对应的数组转换成图片形式,生成目标形状图片。具体可表示为遍历上述目标区域范围内的像素点,并记录下每个像素点的信息(例如坐标信息等),将每一个像素点都添加至对应的目标形状区域内,每个目标形状区域内添加的像素点信息均分别用一个数组进行保存,随后,可通过canavs.toDataURL将每个目标形状区域对应的像素信息转换成图片格式,形成目标形状图片,上述canavs对象表示一个画布元素,可用于绘制图像,toDataURL作为一个功能函数,可将canavs绘制的图像数据保存成图片。
可选的,对于上述目标区域边缘的像素点,部分像素点可能不属于上述多个目标形状区域中的任一个,在生成目标形状图片的过程中,可忽略这一小部分像素点;也可以在上述生成目标形状区域时,生成包含上述目标区域的多个目标形状区域,因而在生成目标形状图片时,上述目标区域的边缘像素点可以添加至对应的目标形状区域内,基于该目标形状区域内的边缘像素点信息生成不完全的目标形状图片。
步骤S104,设置每个目标形状图片分别对应的偏移属性信息,根据所述偏移属性信息对所述每个目标形状图片进行具有***动画效果的位移偏转。
具体的,生成目标形状图片后,在每行的目标形状图片中选择一个目标形状图片作为基础图片(例如每行的第一个目标形状图片),并确定每行剩余目标形状图片与该行的基础图片的距离,根据上述距离为每个目标形状图片设置横轴与纵轴上的偏移属性信息,根据每个目标形状图片的偏移属性信息,可确定每个目标形状图片进行位移偏转后的具***置,实现上述每个目标形状图片具有***动画效果的位移偏转,上述目标形状图片在横轴设置的偏移属性信息可与上述距离成比例关系,对于上述目标形状图片在纵轴设置的偏移属性信息,可设置一个比例参数,将上述比例参数乘以该目标形状图片在横轴设置的偏移属性信息。例如,一个目标形状图片的原始位置为(2,0),与该目标形状图片所在行的基础图片的距离为3,为该目标形状图片在横轴设置的偏移属性信息为2*3,在纵轴设置的偏移属性信息为0.2*2*3,则该目标形状图片进行偏转后的具***置信息为(8,1.2)。
本发明实施例在图片***动画的整个实现过程中,可以将图片中选中的区域以目标形状的形态进行***,并将上述每个目标形状覆盖的像素点转换成图片形式,只需改变每个目标图片的位置信息就可实现图片***动画效果,避免需要对目标形状区域内的所有像素点分别进行偏移处理,以降低运算量,从而提高图片***处理效率。
进一步地,请参见图3,图3是本发明实施例提供的另一种图片***方法的流程示意图。如图3所示,该方法可以包括如下步骤:
步骤S201,获取目标图片数据,并提取所述目标图片数据中的目标区域;
其中,上述步骤S201的具体实现过程可参见上述图2所对应实施例中对步骤S101的描述,这里不在进行赘述。
步骤S202,通过所述矩形窗口遍历所述目标图片数据,在所述目标图片数据区域内生成以所述矩形窗口为最小单元的网格,并获取所述网格中的顶点信息,生成顶点矩阵;
具体的,可以采用矩形窗口对上述目标图片数据进行遍历,也就是采用矩形窗口在上述目标图片数据上进行滑动,且每次滑动所处的区域与之前每次滑动所处的区域均不重叠,因而当矩形窗口遍历完整个目标图片数据后,会在上述目标图片数据所在区域生成以矩形窗口为最小单元的网格,记录下上述网格中的所有顶点信息,并将所有顶点信息保存在一个顶点矩阵中。其中,上述顶点信息可指利用矩形窗口进行遍历留下的顶点的坐标信息,上述顶点矩阵中的顶点信息按上述网格中的顶点排列顺序进行保存,也就是上述网格中顶点的行数与列数即为顶点矩阵的行数与列数。
步骤S203,对所述顶点矩阵中的目标行顶点信息进行位置偏移,生成目标顶点矩阵,所述目标行顶点信息包括单行顶点信息或双行顶点信息;
具体的,在得到上述顶点矩阵后,可以将上述顶点矩阵中单行顶点信息或双行顶点信息进行位置偏移(例如向右或向左移动矩形窗口宽度一半的距离),实现上述顶点矩阵中顶点的单双行位移差,得到一个新的顶点矩阵,并将这新的顶点矩阵确定为目标顶点矩阵。可以理解,在上述顶点矩阵中,同一行中的顶点的纵坐标信息是相同的,且每相邻两个顶点相差矩形窗口宽度的距离,同一列中的顶点的横坐标信息是相同的,且每相邻两个顶点相差矩形窗口高度的距离,对上述顶点矩阵中的单行顶点信息或双行顶点信息进行位置偏移后,则可实现单双行顶点在横轴方向上的位移差。例如,将上述顶点矩阵中的单行顶点信息全部向右移动矩形窗口宽度一半的距离,假设矩形窗口的宽度为2,高度为1,上述顶点矩阵中第一行的一个顶点信息为(2,0),第二行与该顶点信息同一列的顶点信息为(2,1),单行顶点信息在向右移动矩形窗口一半距离后,上述第一行的顶点信息更新为(3,0),因而与第二行中同一列的顶点信息出现了横轴方向上的位移差。
步骤S204,连接所述目标顶点矩阵中的顶点信息,生成所述目标区域内的形状区域集;
具体的,在确定上述目标顶点矩阵之后,连接上述目标顶点矩阵中属于上述目标区域内的所有顶点信息,将顶点信息连接成形状区域,生成形状区域集(例如,三角形集,菱形集等)。若形状区域为三角形,则将上述目标顶点矩阵中属于上述目标区域内的所有顶点信息连接成三角形图案;若形状区域为菱形,则将上述目标顶点矩阵中属于上述目标区域内的所有顶点信息连接成菱形图案。
步骤S205,获取所述形状区域集中每个待选形状区域分别对应的区域周长和形状属性,在所述形状区域集中选择区域周长为目标周长且形状属性为目标形状属性的待选形状区域,作为目标形状区域;
具体的,在上述生成的形状区域集中,有部分形状区域是不符合要求的,需要将上述不符合要求的形状区域进行剔除,得到符合要求的形状区域,并将上述符合要求的形状区域确定为目标形状区域。剔除不符合要求的形状区域的具体方式为:获取上述形状区域集中每个待选形状区域分别对应的区域周长和形状属性,若上述形状区域为三角形,则当上述待选形状区域的区域周长为目标值(该目标值与上述矩形窗口的宽度与高度以及上述位置偏移的距离有关,例如,矩形窗口的宽度为2,高度为1,位置偏移的距离为1,则该目标值为4.828),且上述待选形状区域的形状属性为等腰三角形时,将该待选形状区域确定为目标形状区域;若上述形状区域为菱形,则当上述待选形状区域的区域面积为上述矩形窗口的面积时,将该待选形状区域确定为目标形状区域。
进一步的,请一并参见图4a-图4c,是本发明实施例提供的一种获取目标形状区域的原理示意图。如图4a所示,可以采用矩形窗口500a对获取到的目标图片数据300b进行遍历,当遍历完整个目标图片数据300b后,可在上述目标图片数据区域内生成一个以矩形窗口500a为最小单元的网格600a,随后可获取网格600a中的顶点信息(例如顶点信息700a的坐标信息等),并将获取到的所有顶点信息保存在一个矩阵中,可将该矩阵确定为顶点矩阵,且该顶点矩阵中每行中的顶点信息具有相同的纵坐标,每列中的顶点信息具有相同的横坐标。以图4b为例,可将上述顶点矩阵中的单行顶点信息向右移动矩形窗口500a宽度一半的距离(例如,顶点信息700a向右移动后更新为顶点信息700b),因而使得上述顶点矩阵中单双行顶点在横向方向上出现了位移差,将进行移动后的顶点矩阵确定为目标顶点矩阵。根据用户选取的目标区域400b,确定目标顶点矩阵中属于目标区域400b的顶点信息,连接上述属于目标区域400b的顶点信息得到图4c中的形状区域集(以三角形为例),在形状区域集中,有部分三角形是不符合要求的,需要进行删除,具体的,可确定形状区域集中每个三角形的周长与属性,若三角形不是等腰三角形,则将该三角形删除,若三角形的周长大于目标数值(该目标数值与矩形窗口500a的大小有关,例如,矩形窗口500a的宽度为2s,高度为s,则该目标值为则将该三角形删除,最终可以得到图4c中的多个三角形(即目标形状区域)。
步骤S206,根据所述每个目标形状区域所覆盖的像素点,生成所述每个目标形状区域分别对应的目标形状图片;
步骤S207,设置每个目标形状图片分别对应的偏移属性信息,根据所述偏移属性信息对所述每个目标形状图片进行具有***动画效果的位移偏转。
其中,步骤S206-步骤S207的具体实现过程可参见上述图2所对应实施例中对步骤S103-步骤S104的描述,这里不再进行赘述。
进一步地,请参见图5,图5是本发明实施例提供的一种设置偏移属性信息的流程示意图。如图5所示,步骤S301-步骤S311是对上述图3所对应实施例中步骤S207的具体描述,即步骤S301-步骤S311是本发明实施例提供的一种设置偏移属性信息并进行位移偏转的具体流程,具体可以包括如下步骤:
步骤S301,将所述目标顶点矩阵中每行的首位顶点信息确定为第一顶点坐标信息,并将所述目标顶点矩阵中的剩余顶点信息确定为第二顶点坐标信息,所述剩余顶点信息包括所述目标顶点矩阵中除了每行的首位顶点信息以外的顶点信息;
具体的,在生成目标形状图片后,由于目标形状图片作为一个整体,可用目标形状图片中的任一顶点信息代表该目标形状图片的位置信息,因而可用上述目标顶点矩阵中的顶点信息代表上述目标形状图片的位置信息。可将上述目标顶点矩阵中每行的首位顶点信息确定为第一顶点坐标信息,即用上述目标顶点矩阵中每行的首位顶点信息表示每行的首个目标形状图片的位置信息,并将上述目标顶点矩阵中的剩余顶点信息确定为第二顶点坐标信息,表示剩余目标形状图片的位置信息。其中,上述剩余顶点信息可包括上述目标顶点矩阵中除了每行的首位顶点信息之外的其余所有的顶点信息,剩余目标形状图片可包括上述目标形状图片中除了每行首个目标形状图片以外的目标形状图片。
步骤S302,在所有目标形状图片中选择一目标形状图片作为处理图片;
具体的,在确定了上述第一顶点坐标信息与第二顶点坐标信息之后,可根据上述第一顶点坐标信息与第二顶点坐标信息为每个目标形状图片设置偏移属性信息。在所有目标形状图片中随机选择一张目标形状图片作为处理图片,并执行下面为该处理图片设置偏移属性信息的步骤。
步骤S303,获取所述处理图片对应的第二顶点坐标信息,作为第二处理坐标,获取与所述第二处理坐标属于同一行的第一顶点坐标信息,作为第一处理坐标;
具体的,在确定了处理图片之后,获取该处理图片对应的第二顶点坐标信息,且获取与该第二顶点坐标信息属于同一行的第一顶点坐标信息,为方便描述,可将上述第二顶点坐标信息表示为第二处理坐标,将上述第一顶点坐标信息表示为第一处理坐标。例如,若处理图片对应的第二顶点坐标信息为(2,3),且将(2,3)作为第二处理坐标,则与该第二顶点坐标信息属于同一行的第一顶点坐标信息可为(0,3),将(0,3)作为第一处理坐标。
步骤S304,确定所述第一处理坐标与所述第二处理坐标之间的目标距离,根据所述目标距离确定所述处理图片对应的第一方向偏移量;
具体的,可根据上述第一处理坐标与上述第二处理坐标,计算出上述第一处理坐标与上述第二处理坐标之间的目标距离,也就是上述第一处理坐标中的第一方向坐标(例如横坐标)与上述第二处理坐标中的第一方向坐标之间距离(例如横轴方向上的距离),根据上述第一方向距离可为上述处理图片设置第一方向偏移量。上述第一方向偏移量可以通过一个偏移参数乘以上述第一方向距离得到,例如,若计算得到一处理图片的第一方向距离为2,则为该处理图片设置的第一方向偏移量可为2*a,其中,a为偏移参数,可为任意实数。
步骤S305,根据偏移系数、随机偏移方向、所述目标距离,确定所述处理图片对应的第二方向偏移量;
具体的,根据计算得到的上述第一方向距离以及确定的偏移系数、随机偏移方向,可设置上述处理图片的第二方向偏移量,上述第二方向偏移量的大小可通过上述偏移系数乘以上述第一方向距离得到,上述偏移系数可为任意实数,偏移系数的大小可决定第二方向偏移量的大小,上述随机偏移方向可决定上述第二方向偏移量的方向,上述随机偏移方向可包括向上或向下,若上述随机偏移方向为向上,则上述第二方向偏移量可表示为正数,若上述随机偏移方向为向下,则上述第二方向偏移量可表示为负数。
步骤S306,将所述第一方向偏移量和所述第二方向偏移量确定为所述处理图片对应的偏移属性信息;
具体的,由上述确定的第一方向偏移量与第二方向偏移量,就可确定上述处理图片的偏移属性信息。例如,若一处理图片的第一方向偏移量为6,第二方向偏移量为-2,则该处理图片的偏移属性信息为(6,-2),表示该处理图片可向右偏移6个单位的距离,向下偏移2个单位的距离。
步骤S307,当所有目标形状图片均作为所述处理图片时,获得所述每个目标形状图片分别对应的偏移属性信息;
具体的,当确定了上述处理图片的偏移属性信息后,从剩余的目标形状图片中重新选择一张目标形状图片作为处理图片,并执行上述步骤S302-步骤S306,直至所有的目标形状图片均作为处理图片,并确定了偏移属性信息为止。由此就可以获得上述每个目标形状图片对应偏移属性信息。
步骤S308,获取所述每个目标形状图片的关键点坐标信息,所述关键点坐标信息是由所述目标形状图片中的目标像素点对应的坐标信息所确定;
具体的,获取上述每个目标形状图片对应的关键点坐标信息,该关键点坐标信息可代表该关键点所在目标形状图片的坐标信息,可由所在目标形状图片中的目标像素点的坐标信息所确定,上述目标像素点的坐标信息可从目标形状图片对应的数组中获得,例如,每个目标形状图片对应的关键点坐标均分别由每个目标形状图片所对应像素点数组中的第一个像素点的坐标信息来确定。可以理解的是上述目标形状图片作为一个整体,该目标形状图片中的任一像素点的坐标点信息均可表示该目标形状图片的坐标信息,且每个目标形状图片包含的像素点信息不同,因而可以很好的区分每个目标形状图片的坐标信息。
步骤S309,根据所述关键点坐标信息中的第一方向坐标与所述第一方向偏移量,确定所述目标形状图片的第一方向目的坐标;
具体的,可将上述关键点坐标信息中的第一方向坐标加上上述第一方向偏移量得到上述目标形状图片的第一方向目的坐标。上述第一方向可理解为横轴方向,关键点坐标信息的第一方向坐标可理解为上述目标形状图片的原始横坐标,上述第一方向目的坐标可理解为上述目标形状图片进行偏转后的目的横坐标。
步骤S310,根据所述关键点坐标信息中的第二方向坐标与所述第二方向偏移量,确定所述目标形状图片的第二方向目的坐标;
具体的,可将上述关键点坐标信息中的第二方向坐标加上上述第二方向偏移量得到上述目标形状图片的第二方向目的坐标。上述第二方向可理解为纵轴方向,关键点坐标信息的第二方向坐标可理解为上述目标形状图片的原始纵坐标,上述第二方向目的坐标可理解为上述目标形状图片进行偏转后的目的纵坐标。
步骤S311,基于所述第一方向目的坐标与所述第二方向目的坐标,确定所述目标形状图片的偏移目的坐标信息,并根据所述偏移目的坐标信息对所述目标形状图片进行具有***动画效果的位移偏转。
具体的,根据计算得到的第一方向目的坐标与第二方向目的坐标,可确定该目标形状图片的偏移目的坐标信息,在该目标形状图片进行***动画时,可从关键点坐标信息处位移偏转到偏移目的坐标信息,即从原始位置处***偏转到偏移位置处。例如,一目标形状图片的关键点坐标信息为(2,1),该目标形状图片的偏移属性信息为(6,-2),则该目标形状图片的偏移目的坐标信息可确定为(8,-1),表示该目标形状图片在***动画的过程中,偏转的最终位置为在原始位置的基础上,沿坐标轴横轴正方向偏移了6个单位的距离,沿坐标轴纵轴负方向偏移了2个单位的距离。可以根据每个目标形状图片对应的第一方向坐标信息与第二方向坐标信息,从而确定上述每个目标形状图片的偏移目的坐标信息,在进行***动画时,上述每个目标形状图片同时进行位移偏转,在上述每个目标形状图片都偏移到对应的偏移目的坐标信息处,上述每个目标形状图片可从偏移目的坐标信息处回到原始位置处,恢复成上述目标图片数据的形态。当然,上述目标形状图片在***动画过程中还包括该目标形状图片的偏转角度。
可选的,可获取调整参数,更新上述目标形状图片的偏移属性信息,进而根据更新后的偏移属性信息重新确定上述目标形状图片的偏移目的坐标信息,进而达到不同的***动画效果。也就是说,通过获取到的调整参数可以调整上述目标形状图片在***动画过程中最终的偏转位置。
进一步的,请参见图6a-图6b,是本发明实施例提供的一种设置偏移属性信息的原理示意图。如图6a所示,可为目标区域内的目标形状图片设置偏移属性信息,将顶点信息700c确定为该顶点信息700c所在行的第一顶点坐标信息,顶点信息700e确定为该顶点信息700e所在行的第一顶点坐标信息,其余的顶点信息均确定为第二顶点坐标信息,例如,第二顶点坐标信息包括顶点信息700d,顶点信息700f。当选择目标形状图片800b作为处理图片时,可以确定该目标形状图片800b对应的第二顶点坐标信息为顶点信息700d(第二处理坐标)、第一顶点坐标信息为顶点信息700c(第一处理坐标),因而可以计算出顶点信息700d与顶点信息700c之间的目标距离为矩形窗口的宽度s。如图6b所示,以目标形状图片800b为例,根据上述目标距离s,若偏移系数为3,则目标形状图片800b的第一方向偏移量可确定为3s,即横轴方向上的偏移量为3s,然后,根据偏移系数、随机偏移方向与目标距离3s,可以确定该目标形状图片800b的第二方向偏移量为0.8s,即纵轴方向上的偏移量为0.8s,其中,偏移系数为0.6,随机偏移方向为向上。根据确定的第一方向偏移量、第二方向偏移量以及目标形状图片800b对应的关键点坐标信息(目标形状图片800b所对应像素点数组中的第一个像素点坐标信息),可确定该目标形状图片800b的偏移目的坐标信息,如目标形状图片800e所处的位置。同理,目标形状图片800a、目标形状图片800c以及目标形状图片800d均可以采用上述方法设置偏移属性信息,获得偏移目的坐标信息。
本发明实施例通过获取目标图片数据,并提取所述目标图片数据中的目标区域;采用矩形窗口遍历所述目标图片数据,获取覆盖所述目标图片数据中的所有遍历窗口的顶点信息,并对所述顶点信息中的单行顶点信息或双行顶点信息进行位置偏移,根据上述进行位置偏移后的顶点信息在所述目标区域内生成多个目标形状区域;根据所述每个目标形状区域所覆盖的像素点,生成所述每个目标形状区域分别对应的目标形状图片;设置每个目标形状图片分别对应的偏移属性信息,根据所述偏移属性信息对所述每个目标形状图片进行具有***动画效果的位移偏转。由此可见,在图片***动画的整个实现过程中,可以提取用户选中的目标区域,并以矩形窗口的方式对上述目标区域打点获得顶点信息,通过上述顶点信息的单双行位移差,可以在上述目标区域内生成目标形状区域,进而将每个目标形状区域覆盖的全部像素点转换成目标形状图片,从而可以将图片中选中的目标区域以目标形状图片的形态进行位移偏转,并将上述每个目标形状覆盖的像素点转换成图片形式,只需改变每个目标图片的位置信息就可实现图片***动画效果,避免需要对目标形状区域内的所有像素点分别进行偏移处理,以降低运算量,从而提高图片***处理效率。
进一步地,请参见图7,图7是本发明实施例提供的另一种图片***方法的流程示意图。如图7所示,该方法可以包括如下步骤:
步骤S401,获取目标图片数据,并提取所述目标图片数据中的目标区域;
其中,上述步骤S401的具体实现过程可参见上述图2所对应实施例中对步骤S101的描述,这里不再进行赘述。
步骤S402,获取动画***角度,基于所述动画***角度在坐标轴中对所述目标图片数据进行旋转;
具体的,为了保证算法的同一性,对各个角度进行动画***的目标图片数据进行旋转,请一并参见图8a,是本发明实施例提供的一种图片***方法的界面示意图,且以图8a为例,在终端设备100a上,用户从目标图片数据300c中选取目标区域300c作为进行***动画的区域,在终端100a的界面上,显示有两个滑动条,角度滑动条可调节图片动画***的角度,滑动条的取值范围为0度-360度,滑动条上的滑动按钮越往下,表示动画***角度越大(默认0度对应的***方向为水平向右,90度对应的***方向为垂直向上,180度对应的***方向为水平向左,以此类推),用户可通过调节滑动按钮来确定图片***的角度;另一个距离滑动条可调节图片动画***中目标形状图片偏转的距离,表示在目标形状图片设置的偏移属性信息上,乘以距离滑动条上设置的数值即为上述目标形状图片最终计算偏移目的坐标信息的偏移属性信息,滑动按钮越往下,表示目标形状图片离原始位置偏移的距离越大。可根据角度滑动条上滑动按钮的位置获取动画***角度,如图8a所示,可获取用户设置的动画***角度为90度,请一并参见图8b,可将目标图片数据300c在坐标轴内顺时针旋转90度,随后对上述目标图片数据300c进行后续的处理。可以理解,图8b所示的过程均在客户端后台上进行处理,而不在终端设备100a的界面上进行显示。
步骤S403,采用遍历窗口遍历所述目标图片数据,获取覆盖所述目标图片数据中的所有遍历窗口的顶点信息,并根据所述顶点信息在所述目标区域内生成多个目标形状区域;
步骤S404,根据所述每个目标形状区域所覆盖的像素点,生成所述每个目标形状区域分别对应的目标形状图片;
其中,步骤S403-步骤S404的具体实现过程可参见上述图2所对应实施例中对步骤S102-步骤S103的描述,这里不再进行赘述。
步骤S405,设置每个目标形状图片分别对应的偏移属性信息;
其中,步骤S405的具体实现过程可参见上述图5所对应实施例中对步骤S301-步骤S307的描述,这里不再进行赘述。
步骤S406,基于所述动画***角度,对包括所述坐标轴与所述目标图片数据的视图容器进行旋转,在旋转后的视图容器中,根据所述偏移属性信息对所述每个目标形状图片进行具有***动画效果的位移偏转。
具体的,在坐标轴中,为上述每个目标图片设置了对应的偏移属性信息后,根据上述动画***角度,对包含上述坐标轴与目标图片数据的视图容器进行与上述步骤S402相反方向的旋转,在视图容器中,基于上述每个目标形状图片对应的偏移属性信息,可以确定上述每个目标形状图片的偏移目的坐标信息,实现上述每个目标形状图片***动画效果。上述视图容器可以包括不同的组件,并设置视图容器中组件的显示方式,其中,设置偏移属性信息的具体实现方式可参见上述图5所对应的实施例,这里不再进行赘述。
进一步的,请一并参见图8c-图8d,是本发明实施例提供的另一种图片***方法的界面示意图,如图8c所示,在一个视图容器中,采用矩形窗口对上述图8b中的顺时针旋转90度后的目标图片数据300c进行遍历,在上述目标图片数据300c区域内生成以上述矩形窗口为最小单元的网格,并获取上述网格的顶点信息,将所有顶点信息保存为一个顶点矩阵,随后将顶点矩阵中单行顶点信息向右移动矩形窗口宽度的一半的距离,得到目标顶点矩阵,连接上述目标顶点矩阵中属于目标区域400c中的所有顶点信息,将顶点信息连接成三角形图案(目标形状区域),将每个三角形覆盖的像素点信息分别存储在一个像素点数组中,并将每一个像素点数组转换成三角形图片(目标形状图片),接着,可根据每个三角形图片在坐标轴中的坐标信息为每一个三角形图片设置偏移属性信息。当所有的三角形图片均设置好偏移属性信息后,将包含坐标轴与上述目标图片数据300c逆时针旋转90度。由此可以看出,在视图容器中,对于逆时针旋转后的目标图片数据300c,目标区域400c中的每个三角形图片对应的偏移属性信息在坐标轴中是没有改变的。在动画***角度为90度时,如图8d所示,在终端设备100a的界面上,可以显示上述目标区域400c中的三角形图片的***动画效果,且动画***的方向是整体向上的。此时,用户可以通过调节界面上的角度滑动条与距离滑动条上的滑动按钮来改变上述三角形图片的***动画的角度与距离,实现最优的图片***动画效果。其中,上述图8c所示的过程均在后台服务器进行,不在终端设备100a的界面上进行显示,且在显示目标区域400c的图片***动画时,界面上只显示***动画过程及两个滑动条(角度滑动条与距离滑动条)。由此可见,通过对目标图片数据旋转与***角度相应的角度,可以使得目标图片数据始终是按照水平向右的***方向在后台进行处理,避免针对不同的***方向需采用不同的处理算法,降低了开发成本。其中,默认0度的***方向不局限于水平向右,可以是任意的方向,这里不再进行赘述。
本发明实施例通过获取目标图片数据,并提取所述目标图片数据中的目标区域;获取动画***角度,基于所述动画***角度在坐标轴中对所述目标图片数据进行旋转;采用遍历窗口遍历所述目标图片数据,获取覆盖所述目标图片数据中的所有遍历窗口的顶点信息,并根据所述顶点信息在所述目标区域内生成多个目标形状区域;根据所述每个目标形状区域所覆盖的像素点,生成所述每个目标形状区域分别对应的目标形状图片;设置每个目标形状图片分别对应的偏移属性信息,基于所述动画***角度,对包括所述坐标轴与所述目标图片数据的视图容器进行旋转,在旋转后的视图容器中,根据所述偏移属性信息对所述每个目标形状图片进行具有***动画效果的位移偏转。由此可见,在图片***动画的整个实现过程中,可以先将上述目标图片数据进行一定角度的旋转操作,随后在上述目标区域内生成多个目标形状图片,从而可以将上述目标区域以目标形状图片的形态进行***,并将上述每个目标形状覆盖的像素点转换成图片形式,只需改变每个目标图片的位置信息就可实现图片***动画效果,避免需要对目标形状区域内的所有像素点分别进行偏移处理,以降低运算量,从而提高图片***处理效率。
进一步的,请参见图9,图9是本发明实施例提供的一种图片***装置的结构示意图。如图9所示,上述图片***装置1可以应用于上述图2所对应实施例中的终端设备,上述图片装置1可以包括:数据获取模块10、区域生成模块20、图片生成模块30、***动画图片40;
数据获取模块10,用于获取目标图片数据,并提取所述目标图片数据中的目标区域;
区域生成模块20,用于采用遍历窗口遍历所述目标图片数据,获取覆盖所述目标图片数据中的所有遍历窗口的顶点信息,并根据所述顶点信息在所述目标区域内生成多个目标形状区域;
图片生成模块30,用于根据所述每个目标形状区域所覆盖的像素点,生成所述每个目标形状区域分别对应的目标形状图片;
***动画模块40,用于设置每个目标形状图片分别对应的偏移属性信息,根据所述偏移属性信息对所述每个目标形状图片进行具有***动画效果的位移偏转。
其中,上述数据获取模块10、区域生成模块20、图片生成模块30和***动画图片40的具体功能实现方式可以参见上述图2所对应实施例中的步骤S101-步骤S104,这里不再进行赘述。
再请一并参见图9,上述图片***装置1还可以包括***角度获取模块50;
***角度获取模块50,用于获取动画***角度,基于所述动画***角度在坐标轴中对所述目标图片数据进行旋转,并执行所述采用遍历窗口遍历所述目标图片数据的步骤;
则上述***动画模块40具体用于基于所述动画***角度,对包括所述坐标轴与所述目标图片数据的视图容器进行旋转,在旋转后的视图容器中,根据所述偏移属性信息对所述每个目标形状图片进行具有***动画效果的位移偏转。
其中,上述***角度获取模块50的具体功能实现方式可以参见上述图7所对应实施例中的步骤S402,这里不再进行赘述。
进一步的,如图9所示,上述区域生成模块20包括:网格生成单元201、位置偏移单元202、顶点连接单元203;
网格生成单元201,用于通过所述矩形窗口遍历所述目标图片数据,在所述目标图片数据区域内生成以所述矩形窗口为最小单元的网格,并获取所述网格中的顶点信息,生成顶点矩阵;
位置偏移单元202,用于对所述顶点矩阵中的目标行顶点信息进行位置偏移,生成目标顶点矩阵,所述目标行顶点信息包括单行顶点信息或双行顶点信息;
顶点连接单元203,用于连接所述目标顶点矩阵中的顶点信息,在所述目标区域内生成多个具有目标形状属性的目标形状区域。
其中,上述网格生成单元201、位置偏移单元202、顶点连接单元203的具体功能实现方式可参见上述图3所对应实施例中的步骤S202-步骤S205,这里不再进行赘述。
进一步的,如图9所示,上述***动画模块40可以包括:顶点坐标确定单元401、偏移属性设置单元402、关键点坐标获取单元403、第一目的坐标确定单元404、第二目的坐标确定单元405、位移偏转单元406;
顶点坐标确定单元401,用于将所述目标顶点矩阵中每行的首位顶点信息确定为第一顶点坐标信息,并将所述目标顶点矩阵中的剩余顶点信息确定为第二顶点坐标信息,所述剩余顶点信息包括所述目标顶点矩阵中除了每行的首位顶点信息以外的顶点信息;
偏移属性设置单元402,用于基于每行的所述第一顶点坐标信息与所述第二顶点坐标信息,分别为每行中的所述目标形状图片设置偏移属性信息;
关键点坐标获取单元403,用于获取所述每个目标形状图片的关键点坐标信息,所述关键点坐标信息是由所述目标形状图片中的目标像素点对应的坐标信息所确定;
第一目的坐标确定单元404,用于根据所述关键点坐标信息中的第一方向坐标与所述第一方向偏移量,确定所述每个目标形状图片的第一方向目的坐标;
第二目的坐标确定单元405,用于根据所述关键点坐标信息中的第二方向坐标与所述第二方向偏移量,确定所述每个目标形状图片的第二方向目的坐标;
位移偏转单元406,用于基于所述第一方向目的坐标与所述第二方向目的坐标,确定所述目标形状图片的偏移目的坐标信息,并根据所述偏移目的坐标信息对所述目标形状图片进行具有***动画效果的位移偏转。
其中,上述顶点坐标确定单元401、偏移属性设置单元402、关键点坐标获取单元403、第一目的坐标确定单元404、第二目的坐标确定单元405、位移偏转单元406的具体功能实现方式可以参见上述图5所对应实施例中的步骤S301-步骤S311,这里不再进行赘述。
进一步的,如图9所示,上述顶点连接单元203可以包括:区域集生成子单元2031、区域选择子单元2032;
区域集生成子单元2031,用于连接所述目标顶点矩阵中的顶点信息,生成所述目标区域内的形状区域集;
区域选择子单元2032,用于获取所述形状区域集中每个待选形状区域分别对应的区域周长和形状属性,在所述形状区域集中选择区域周长为目标周长且形状属性为目标形状属性的待选形状区域,作为目标形状区域。
其中,上述区域集生成子单元2031、区域选择子单元2032的具体功能实现方式可以参见上述图3所对应实施例中的步骤S204-步骤S205,这里不再进行赘述。
进一步的,请参见图10,图10是本发明实施例提供的一种偏移属性设置单元的结构示意图。如图10所示,上述偏移属性设置单元402可以包括:选择子单元4021、第一获取子单元4022、第一确定子单元4023、第二确定子单元4024、第三确定子单元4025、第二获取子单元4026;
选择子单元4021,用于在所有目标形状图片中选择一目标形状图片作为处理图片;
第一获取子单元4022,用于获取所述处理图片对应的第二顶点坐标信息,作为第二处理坐标,获取与所述第二处理坐标属于同一行的第一顶点坐标信息,作为第一处理坐标;
第一确定子单元4023,用于确定所述第一处理坐标与所述第二处理坐标之间的目标距离,根据所述目标距离确定所述处理图片对应的第一方向偏移量;
第二确定子单元4024,用于根据偏移系数、随机偏移方向、所述目标距离,确定所述处理图片对应的第二方向偏移量;
第三确定子单元4025,用于将所述第一方向偏移量和所述第二方向偏移量确定为所述处理图片对应的偏移属性信息;
第二获取子单元4026,当所有目标形状图片均作为所述处理图片时,获得所述每个目标形状图片分别对应的偏移属性信息。
其中,上述选择子单元4021、第一获取子单元4022、第一确定子单元4023、第二确定子单元4024、第三确定子单元4025、第二获取子单元4026的具体功能实现方式可以参见上述图5所对应实施例中的步骤S302-步骤S307,这里不再进行赘述。
本发明实施例通过获取目标图片数据,并提取所述目标图片数据中的目标区域;采用矩形窗口遍历所述目标图片数据,获取覆盖所述目标图片数据中的所有遍历窗口的顶点信息,并对所述顶点信息中的单行顶点信息或双行顶点信息进行位置偏移,根据上述进行位置偏移后的顶点信息在所述目标区域内生成多个目标形状区域;根据所述每个目标形状区域所覆盖的像素点,生成所述每个目标形状区域分别对应的目标形状图片;设置每个目标形状图片分别对应的偏移属性信息,根据所述偏移属性信息对所述每个目标形状图片进行具有***动画效果的位移偏转。由此可见,在图片***动画的整个实现过程中,可以提取用户选中的目标区域,并以矩形窗口的方式对上述目标区域打点获得顶点信息,通过上述顶点信息的单双行位移差,可以在上述目标区域内生成目标形状区域,进而将每个目标形状区域覆盖的全部像素点转换成目标形状图片,从而可以将图片中选中的目标区域以目标形状图片的形态进行位移偏转,并将上述每个目标形状覆盖的像素点转换成图片形式,只需改变每个目标图片的位置信息就可实现图片***动画效果,避免需要对目标形状区域内的所有像素点分别进行偏移处理,以降低运算量,从而提高图片***处理效率。
请参见图11,图11是本发明实施例提供的另一种图片***装置的结构示意图。如图11所示,上述图片***装置1000可以应用于上述图2对应实施例中的终端设备,上述图片***装置1000可以包括:处理器1001,网络接口1004和存储器1005,此外,上述图片***装置1000还可以包括:用户接口1003,和至少一个通信总线1002。其中,通信总线1002用于实现这些组件之间的连接通信。其中,用户接口1003可以包括显示屏(Display)、键盘(Keyboard),可选用户接口1003还可以包括标准的有线接口、无线接口。网络接口1004可选的可以包括标准的有线接口、无线接口(如WI-FI接口)。存储器1004可以是高速RAM存储器,也可以是非不稳定的存储器(non-volatile memory),例如至少一个磁盘存储器。存储器1005可选的还可以是至少一个位于远离前述处理器1001的存储装置。如图11所示,作为一种计算机存储介质的存储器1005中可以包括操作***、网络通信模块、用户接口模块以及设备控制应用程序。
在如图11所示的图片***装置1000中,网络接口1004可提供网络通讯功能;而用户接口1003主要用于为用户提供输入的接口;而处理器1001可以用于调用存储器1005中存储的设备控制应用程序,以实现:
获取目标图片数据,并提取所述目标图片数据中的目标区域;
采用遍历窗口遍历所述目标图片数据,获取覆盖所述目标图片数据中的所有遍历窗口的顶点信息,并根据所述顶点信息在所述目标区域内生成多个目标形状区域;
根据所述每个目标形状区域所覆盖的像素点,生成所述每个目标形状区域分别对应的目标形状图片;
设置每个目标形状图片分别对应的偏移属性信息,根据所述偏移属性信息对所述每个目标形状图片进行具有***动画效果的位移偏转。
在一个实施例中,上述遍历窗口为矩形窗口,上述处理器1001在执行上述采用遍历窗口遍历所述目标图片数据,获取覆盖所述目标图片数据中的所有遍历窗口的顶点信息,并根据所述顶点信息在所述目标区域内生成多个目标形状区域时,具体执行以下步骤:
通过所述矩形窗口遍历所述目标图片数据,在所述目标图片数据区域内生成以所述矩形窗口为最小单元的网格,并获取所述网格中的顶点信息,生成顶点矩阵;
对所述顶点矩阵中的目标行顶点信息进行位置偏移,生成目标顶点矩阵,所述目标行顶点信息包括单行顶点信息或双行顶点信息;
连接所述目标顶点矩阵中的顶点信息,在所述目标区域内生成多个具有目标形状属性的目标形状区域。
在一个实施例中,上述处理器1001在执行上述连接所述目标顶点矩阵中的顶点信息,在所述目标区域内生成多个具有目标形状属性的目标形状区域时,具体执行以下步骤;
连接所述目标顶点矩阵中的顶点信息,生成所述目标区域内的形状区域集;
获取所述形状区域集中每个待选形状区域分别对应的区域周长和形状属性,在所述形状区域集中选择区域周长为目标周长且形状属性为目标形状属性的待选形状区域,作为目标形状区域。
在一个实施例中,上述处理器1001在执行上述设置每个目标形状图片分别对应的偏移属性信息时,具体执行以下步骤:
将所述目标顶点矩阵中每行的首位顶点信息确定为第一顶点坐标信息,并将所述目标顶点矩阵中的剩余顶点信息确定为第二顶点坐标信息,所述剩余顶点信息包括所述目标顶点矩阵中除了每行的首位顶点信息以外的顶点信息;
基于每行的所述第一顶点坐标信息与所述第二顶点坐标信息,分别为每行中的所述目标形状图片设置偏移属性信息。
在一个实施例中,上述处理器1001在执行上述基于每行的所述第一顶点坐标信息与所述第二顶点坐标信息,分别为每行中的所述目标形状图片设置偏移属性信息时,具体执行以下步骤:
在所有目标形状图片中选择一目标形状图片作为处理图片;
获取所述处理图片对应的第二顶点坐标信息,作为第二处理坐标,获取与所述第二处理坐标属于同一行的第一顶点坐标信息,作为第一处理坐标;
确定所述第一处理坐标与所述第二处理坐标之间的目标距离,根据所述目标距离确定所述处理图片对应的第一方向偏移量;
根据偏移系数、随机偏移方向、所述目标距离,确定所述处理图片对应的第二方向偏移量;
将所述第一方向偏移量和所述第二方向偏移量确定为所述处理图片对应的偏移属性信息;
当所有目标形状图片均作为所述处理图片时,获得所述每个目标形状图片分别对应的偏移属性信息。
在一个实施例中,上述处理器1001在执行上述根据所述偏移属性信息对所述每个目标形状图片进行具有***动画效果的位移偏转时,具体执行以下步骤:
获取所述每个目标形状图片的关键点坐标信息,所述关键点坐标信息是由所述目标形状图片中的目标像素点对应的坐标信息所确定;
根据所述关键点坐标信息中的第一方向坐标与所述第一方向偏移量,确定所述目标形状图片的第一方向目的坐标;
根据所述关键点坐标信息中的第二方向坐标与所述第二方向偏移量,确定所述目标形状图片的第二方向目的坐标;
基于所述第一方向目的坐标与所述第二方向目的坐标,确定所述目标形状图片的偏移目的坐标信息,并根据所述偏移目的坐标信息对所述目标形状图片进行具有***动画效果的位移偏转。
在一个实施例中,上述处理器1001在执行采用遍历窗口遍历所述目标图片数据之前,还可以执行以下步骤:
获取动画***角度,基于所述动画***角度在坐标轴中对所述目标图片数据进行旋转,并执行所述采用遍历窗口遍历所述目标图片数据的步骤;
则所述根据所述偏移属性信息对所述每个目标形状图片进行具有***动画效果的位移偏转,包括:
基于所述动画***角度,对包括所述坐标轴与所述目标图片数据的视图容器进行旋转,在旋转后的视图容器中,根据所述偏移属性信息对所述每个目标形状图片进行具有***动画效果的位移偏转。
本发明实施例通过获取目标图片数据,并提取所述目标图片数据中的目标区域;采用矩形窗口遍历所述目标图片数据,获取覆盖所述目标图片数据中的所有遍历窗口的顶点信息,并对所述顶点信息中的单行顶点信息或双行顶点信息进行位置偏移,根据上述进行位置偏移后的顶点信息在所述目标区域内生成多个目标形状区域;根据所述每个目标形状区域所覆盖的像素点,生成所述每个目标形状区域分别对应的目标形状图片;设置每个目标形状图片分别对应的偏移属性信息,根据所述偏移属性信息对所述每个目标形状图片进行具有***动画效果的位移偏转。由此可见,在图片***动画的整个实现过程中,可以提取用户选中的目标区域,并以矩形窗口的方式对上述目标区域打点获得顶点信息,通过上述顶点信息的单双行位移差,可以在上述目标区域内生成目标形状区域,进而将每个目标形状区域覆盖的全部像素点转换成目标形状图片,从而可以将图片中选中的目标区域以目标形状图片的形态进行位移偏转,并将上述每个目标形状覆盖的像素点转换成图片形式,只需改变每个目标图片的位置信息就可实现图片***动画效果,避免需要对目标形状区域内的所有像素点分别进行偏移处理,以降低运算量,从而提高图片***处理效率。
应当理解,本发明实施例中所描述的图片***装置1000可执行前文图2-图8任一个所对应实施例中对上述图片***方法的描述,也可执行前文图9或图10所对应实施例中对上述图片***装置1的描述,在此不再赘述。另外,对采用相同方法的有益效果描述,也不再进行赘述。
此外,这里需要指出的是:本发明实施例还提供了一种计算机存储介质,且所述计算机存储介质中存储有前文提及的图片***装置1所执行的计算机程序,且所述计算机程序包括程序指令,当所述处理器执行所述程序指令时,能够执行前文图2-图8任一个所对应实施例中对所述图片***方法的描述,因此,这里将不再进行赘述。另外,对采用相同方法的有益效果描述,也不再进行赘述。对于本发明所涉及的计算机存储介质实施例中未披露的技术细节,请参照本发明方法实施例的描述。
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程,是可以通过计算机程序来指令相关的硬件来完成,所述的程序可存储于一计算机可读取存储介质中,该程序在执行时,可包括如上述各方法的实施例的流程。其中,所述的存储介质可为磁碟、光盘、只读存储记忆体(Read-Only Memory,ROM)或随机存储记忆体(Random AccessMemory,RAM)等。
以上所揭露的仅为本发明较佳实施例而已,当然不能以此来限定本发明之权利范围,因此依本发明权利要求所作的等同变化,仍属本发明所涵盖的范围。
Claims (10)
1.一种图片***方法,其特征在于,包括:
获取目标图片数据,并提取所述目标图片数据中的目标区域;
通过矩形窗口遍历所述目标图片数据,在所述目标图片数据区域内生成以所述矩形窗口为最小单元的网格,并获取所述网格中的顶点信息,生成顶点矩阵;
对所述顶点矩阵中的目标行顶点信息进行位置偏移,生成目标顶点矩阵,所述目标行顶点信息包括单行顶点信息或双行顶点信息;
连接所述目标顶点矩阵中的顶点信息,在所述目标区域内生成多个具有目标形状属性的目标形状区域;
根据所述每个目标形状区域所覆盖的像素点,生成所述每个目标形状区域分别对应的目标形状图片;
设置每个目标形状图片分别对应的偏移属性信息,根据所述偏移属性信息对所述每个目标形状图片进行具有***动画效果的位移偏转。
2.根据权利要求1所述的方法,其特征在于,所述连接所述目标顶点矩阵中的顶点信息,在所述目标区域内生成多个具有目标形状属性的目标形状区域,包括:
连接所述目标顶点矩阵中的顶点信息,生成所述目标区域内的形状区域集;
获取所述形状区域集中每个待选形状区域分别对应的区域周长和形状属性,在所述形状区域集中选择区域周长为目标周长且形状属性为目标形状属性的待选形状区域,作为目标形状区域。
3.根据权利要求1所述的方法,其特征在于,所述设置每个目标形状图片分别对应的偏移属性信息,包括:
将所述目标顶点矩阵中每行的首位顶点信息确定为第一顶点坐标信息,并将所述目标顶点矩阵中的剩余顶点信息确定为第二顶点坐标信息,所述剩余顶点信息包括所述目标顶点矩阵中除了每行的首位顶点信息以外的顶点信息;
基于每行的所述第一顶点坐标信息与所述第二顶点坐标信息,分别为每行中的所述目标形状图片设置偏移属性信息。
4.根据权利要求3所述的方法,其特征在于,所述基于每行的所述第一顶点坐标信息与所述第二顶点坐标信息,分别为每行中的所述目标形状图片设置偏移属性信息,包括:
在所有目标形状图片中选择一目标形状图片作为处理图片;
获取所述处理图片对应的第二顶点坐标信息,作为第二处理坐标,获取与所述第二处理坐标属于同一行的第一顶点坐标信息,作为第一处理坐标;
确定所述第一处理坐标与所述第二处理坐标之间的目标距离,根据所述目标距离确定所述处理图片对应的第一方向偏移量;
根据偏移系数、随机偏移方向、所述目标距离,确定所述处理图片对应的第二方向偏移量;
将所述第一方向偏移量和所述第二方向偏移量确定为所述处理图片对应的偏移属性信息;
当所有目标形状图片均作为所述处理图片时,获得所述每个目标形状图片分别对应的偏移属性信息。
5.根据权利要求4所述的方法,其特征在于,所述根据所述偏移属性信息对所述每个目标形状图片进行具有***动画效果的位移偏转,包括:
获取所述目标形状图片的关键点坐标信息,所述关键点坐标信息是由所述目标形状图片中的目标像素点对应的坐标信息所确定;
根据所述关键点坐标信息中的第一方向坐标与所述第一方向偏移量,确定所述目标形状图片的第一方向目的坐标;
根据所述关键点坐标信息中的第二方向坐标与所述第二方向偏移量,确定所述目标形状图片的第二方向目的坐标;
基于所述第一方向目的坐标与所述第二方向目的坐标,确定所述目标形状图片的偏移目的坐标信息,并根据所述偏移目的坐标信息对所述目标形状图片进行具有***动画效果的位移偏转。
6.根据权利要求1所述的方法,其特征在于,还包括:
获取动画***角度,基于所述动画***角度在坐标轴中对所述目标图片数据进行旋转,并执行所述通过矩形窗口遍历所述目标图片数据的步骤;
则所述根据所述偏移属性信息对所述每个目标形状图片进行具有***动画效果的位移偏转,包括:
基于所述动画***角度,对包括所述坐标轴与所述目标图片数据的视图容器进行旋转,在旋转后的视图容器中,根据所述偏移属性信息对所述每个目标形状图片进行具有***动画效果的位移偏转。
7.一种图片***装置,其特征在于,包括:
数据获取模块,用于获取目标图片数据,并提取所述目标图片数据中的目标区域;
区域生成模块,用于通过矩形窗口遍历所述目标图片数据,在所述目标图片数据区域内生成以所述矩形窗口为最小单元的网格,并获取所述网格中的顶点信息,生成顶点矩阵;
所述区域生成模块,还用于对所述顶点矩阵中的目标行顶点信息进行位置偏移,生成目标顶点矩阵,所述目标行顶点信息包括单行顶点信息或双行顶点信息;
所述区域生成模块,还用于连接所述目标顶点矩阵中的顶点信息,在所述目标区域内生成多个具有目标形状属性的目标形状区域;
图片生成模块,用于根据所述每个目标形状区域所覆盖的像素点,生成所述每个目标形状区域分别对应的目标形状图片;
***动画模块,用于设置每个目标形状图片分别对应的偏移属性信息,根据所述偏移属性信息对所述每个目标形状图片进行具有***动画效果的位移偏转。
8.根据权利要求7所述的装置,其特征在于,所述***动画模块,包括:
顶点坐标确定单元,用于将所述目标顶点矩阵中每行的首位顶点信息确定为第一顶点坐标信息,并将所述目标顶点矩阵中的剩余顶点信息确定为第二顶点坐标信息,所述剩余顶点信息包括所述目标顶点矩阵中除了每行的首位顶点信息以外的顶点信息;
偏移属性设置单元,用于基于每行的所述第一顶点坐标信息与所述第二顶点坐标信息,分别为每行中的所述目标形状图片设置偏移属性信息。
9.一种图片***装置,其特征在于,包括:处理器和存储器;
所述处理器和存储器相连,其中,所述存储器用于存储程序代码,所述处理器用于调用所述程序代码,以执行如权利要求1-6任一项所述的方法。
10.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质中存储有计算机程序,所述计算机程序适于由处理器加载并执行,以使得具有所述处理器的计算机设备执行权利要求1-6任一项所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201811645350.8A CN111383310B (zh) | 2018-12-29 | 2018-12-29 | 一种图片***方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201811645350.8A CN111383310B (zh) | 2018-12-29 | 2018-12-29 | 一种图片***方法及装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN111383310A CN111383310A (zh) | 2020-07-07 |
CN111383310B true CN111383310B (zh) | 2022-02-11 |
Family
ID=71214925
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201811645350.8A Active CN111383310B (zh) | 2018-12-29 | 2018-12-29 | 一种图片***方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN111383310B (zh) |
Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103473799A (zh) * | 2013-09-02 | 2013-12-25 | 腾讯科技(深圳)有限公司 | 一种图片的动态处理方法及装置、终端设备 |
JP2014063371A (ja) * | 2012-09-21 | 2014-04-10 | Casio Comput Co Ltd | 動画再生装置、動画再生方法、及びプログラム |
CN104123742A (zh) * | 2014-07-21 | 2014-10-29 | 徐才 | 一种将静态漫画图片转化为二维动画的方法和播放器 |
CN104978124A (zh) * | 2015-06-30 | 2015-10-14 | 广东欧珀移动通信有限公司 | 一种终端展示图片的方法及终端 |
CN107945253A (zh) * | 2017-11-21 | 2018-04-20 | 腾讯数码(天津)有限公司 | 一种动画效果实现方法、装置及存储设备 |
CN108364337A (zh) * | 2018-01-31 | 2018-08-03 | 北京车和家信息技术有限公司 | 图像的动画展示方法及装置 |
-
2018
- 2018-12-29 CN CN201811645350.8A patent/CN111383310B/zh active Active
Patent Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP2014063371A (ja) * | 2012-09-21 | 2014-04-10 | Casio Comput Co Ltd | 動画再生装置、動画再生方法、及びプログラム |
CN103473799A (zh) * | 2013-09-02 | 2013-12-25 | 腾讯科技(深圳)有限公司 | 一种图片的动态处理方法及装置、终端设备 |
CN104123742A (zh) * | 2014-07-21 | 2014-10-29 | 徐才 | 一种将静态漫画图片转化为二维动画的方法和播放器 |
CN104978124A (zh) * | 2015-06-30 | 2015-10-14 | 广东欧珀移动通信有限公司 | 一种终端展示图片的方法及终端 |
CN107945253A (zh) * | 2017-11-21 | 2018-04-20 | 腾讯数码(天津)有限公司 | 一种动画效果实现方法、装置及存储设备 |
CN108364337A (zh) * | 2018-01-31 | 2018-08-03 | 北京车和家信息技术有限公司 | 图像的动画展示方法及装置 |
Also Published As
Publication number | Publication date |
---|---|
CN111383310A (zh) | 2020-07-07 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
KR102638526B1 (ko) | 파라미터를 갖는 마커를 사용한 증강 현실의 장면 수정 | |
WO2016131390A1 (zh) | 电子地图展示方法、装置及电子设备 | |
CN102750079B (zh) | 终端设备以及对象控制方法 | |
CN108932053B (zh) | 基于手势的绘图方法、装置、存储介质和计算机设备 | |
CN108762505B (zh) | 基于手势的虚拟对象控制方法、装置、存储介质和设备 | |
CN109643218A (zh) | 用户界面元素的动画 | |
US7751627B2 (en) | Image dominant line determination and use | |
CN109271983B (zh) | 屏幕画面截图中识别物体的显示方法及显示终端 | |
JP2013534656A (ja) | 適応的で革新的なモバイルデバイスのストリートビュー | |
CN112288665A (zh) | 图像融合的方法、装置、存储介质及电子设备 | |
US20150302587A1 (en) | Image processing device, image processing method, program, and information recording medium | |
CN103914876A (zh) | 用于在3d地图上显示视频的方法和设备 | |
CN109064525B (zh) | 一种图片格式转换方法、装置、设备和存储介质 | |
JP5981175B2 (ja) | 図面表示装置、及び図面表示プログラム | |
US20130162674A1 (en) | Information processing terminal, information processing method, and program | |
GB2578947A (en) | Unified digital content selection system for vector and raster graphics | |
JP5299125B2 (ja) | 文書処理装置及びプログラム | |
US20220269360A1 (en) | Device, method and program for generating multidimensional reaction-type image, and method and program for reproducing multidimensional reaction-type image | |
CN107861711B (zh) | 页面适配方法及装置 | |
KR102237519B1 (ko) | 2.5 차원화를 이용한 가상 전시 공간 제공 방법 | |
US20080143673A1 (en) | Method and Apparatus For Moving Cursor Using Numerical Keys | |
CN111383310B (zh) | 一种图片***方法及装置 | |
CN113610864B (zh) | 图像处理方法、装置、电子设备及计算机可读存储介质 | |
CN114344894A (zh) | 场景元素处理方法、装置、设备和介质 | |
CN115552364A (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 |