CN104899911A - 一种图像编辑方法及装置 - Google Patents

一种图像编辑方法及装置 Download PDF

Info

Publication number
CN104899911A
CN104899911A CN201510312743.7A CN201510312743A CN104899911A CN 104899911 A CN104899911 A CN 104899911A CN 201510312743 A CN201510312743 A CN 201510312743A CN 104899911 A CN104899911 A CN 104899911A
Authority
CN
China
Prior art keywords
editor
image
described image
event
edit file
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.)
Pending
Application number
CN201510312743.7A
Other languages
English (en)
Inventor
刘晨光
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Beijing Egression Epoch Information Technology Co Ltd
Original Assignee
Beijing Egression Epoch Information Technology Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Beijing Egression Epoch Information Technology Co Ltd filed Critical Beijing Egression Epoch Information Technology Co Ltd
Priority to CN201510312743.7A priority Critical patent/CN104899911A/zh
Publication of CN104899911A publication Critical patent/CN104899911A/zh
Pending legal-status Critical Current

Links

Landscapes

  • Processing Or Creating Images (AREA)

Abstract

本发明公开了一种图像编辑方法及装置,涉及图像处理领域,所述方法包括:对待编辑的图像进行选取;在所述图像上,建立用来检测关于所述图像的编辑事件的检测界面;在所述检测界面内对启动编辑所述图像的编辑事件进行检测,并当检测到启动编辑所述图像的编辑事件时,获取用来编辑所述图像的启动位置编辑信息;在所述检测界面内对停止编辑所述图像的编辑事件进行检测,并当检测到停止编辑所述图像的编辑事件时,获取用来编辑所述图像的停止位置编辑信息;利用所述启动位置编辑信息和停止位置编辑信息,对所述图像进行处理。本发明能够集成式的对图像进行平移旋转缩放,适用于不同尺寸的图像。

Description

一种图像编辑方法及装置
技术领域
本发明涉及图像处理领域,特别涉及一种图像编辑方法及装置。
背景技术
图像编辑类应用程序向图形设计人员提供查看和编辑图像的功能。此类应用程序包括Adobe的Photoshop,Flash Professional,Illustrator,Unity Tech的Unity等。
对图像进行平移旋转缩放是图像编辑类应用程序中最常用的功能。为了实现这些功能,此类应用程序一般都会提供一些辅助的用户界面用于帮助用户完成编辑操作。
所提供的辅助用户界面一般都需要解决下面的几个问题:
1.为不同的功能提供不同的操作方式,互不冲突;
2.编辑操作中不能使用户误选其他图像;
3.能适用于非常大和非常小的不同尺寸的图像;
4.对编辑后图像的变化(和编辑前的差异)提供清晰的展示。
目前,八点编辑框是最常见的一种解决方案,例如,如图1所示的AdobeFlashPro的八点编辑框解决方案,八点编辑框中的图片本身是平移热区,八个点是缩放热区,八个点外侧是旋转热区,其优点在于,在同一个界面下,用户就能完成平移旋转缩放的操作。另一个常见的解决方案是分离操作解决方案,例如Unity,平移旋转缩放的编辑在不同的状态下进行,其优点在于,各个操作的热区都比较大,不容易出现操作失误的情况。
信息输入框一般是辅助用户界面,用于为用户显示当前编辑对象的位置、旋转角度、缩放等信息,同时提供最直接的输入编辑功能。
上述八点编辑框的解决方案存在以下问题:
1.因为编辑点的位置是随着图片尺寸变化而变化的,所以当图片非常大或非常小时编辑操作会变得非常困难。例如,当图片非常小时八个点会重叠,容易误操作;当图片非常大时,八个点会距离较远,用户往往需要跨屏操作。
2.对图片的旋转操作热区一般放在八点的外侧边缘,热区比较小需要鼠标精确定位之后才能操作,操作不够顺畅,容易误操作。
上述分离操作的解决方案存在以下问题:
1.不同的操作在不同的模式下进行,无法顺畅的进行不同类型的编辑操作。
2.操作复杂,用户学习成本较高。
为提供一套能解决上述全部问题的集成式的对图片进行平移旋转缩放的用户界面工具,本发明提供了一种图像编辑方法及装置。
发明内容
本发明的目的在于提供一种图像编辑方法及装置,能更好地解决上述问题。
根据本发明的一个方面,提供了一种图像编辑方法,包括:
对待编辑的图像进行选取;
在所述图像上,建立用来检测关于所述图像的编辑事件的检测界面;
在所述检测界面内对启动编辑所述图像的编辑事件进行检测,并当检测到启动编辑所述图像的编辑事件时,获取用来编辑所述图像的启动位置编辑信息;
在所述检测界面内对停止编辑所述图像的编辑事件进行检测,并当检测到停止编辑所述图像的编辑事件时,获取用来编辑所述图像的停止位置编辑信息;
利用所述启动位置编辑信息和停止位置编辑信息,对所述图像进行处理。
优选地,所述检测界面包括中心平移检测区、X轴平移检测区、Y轴平移检测区、缩放检测区和旋转检测区,所述建立用来检测关于所述图像的编辑事件的检测界面的步骤包括:
在选取图像之后,获取所述图像的中心点位置坐标和所述图像的旋转角度;
利用所述图像的中心点位置坐标,设置所述中心平移检测区的中心点位置坐标,使所述图像的中心点与所述检测界面的中心点在同一位置;
以所述中心平移检测区为中心,分别设置用来检测图像在X轴平移的编辑事件的X轴平移检测区、用来检测图像在Y轴平移的编辑事件的Y轴平移检测区、用来检测图像缩放的编辑事件的缩放检测区和用来检测图像旋转的编辑事件的旋转检测区。
优选地,所述当检测到停止编辑所述图像的编辑事件时,获取用来编辑所述图像的停止位置编辑信息的步骤还包括:
当检测到停止编辑所述图像的编辑事件时,获取所述图像当前的停止编辑位置坐标,并将所述停止编辑位置坐标作为停止位置编辑信息。
优选地,所述当检测到启动编辑所述图像的编辑事件时,获取用来编辑所述图像的启动位置编辑信息的步骤包括:
当在中心平移检测区、X轴平移检测区、Y轴平移检测区中的任意一个检测区检测到启动编辑所述图像的编辑事件时,获取所述图像当前的图像矩阵和启动编辑位置坐标;
利用所述图像的旋转角度,计算所述图像所在的当前坐标系的坐标系矩阵;
保存包括所述图像矩阵、启动编辑位置坐标、坐标系矩阵的启动位置编辑信息。
优选地,所述利用所述启动位置编辑信息和停止位置编辑信息,对所述图像进行处理的步骤包括:
利用所述启动位置编辑信息中的启动编辑位置坐标和所述停止编辑位置坐标,计算所述图像从启动位置平移至停止位置的平移矩阵;
利用所述平移矩阵、所述启动位置编辑信息中的坐标系矩阵和图像矩阵,计算所述图像平移至停止位置时的图像矩阵。
优选地,所述当检测到启动编辑所述图像的编辑事件时,获取用来编辑所述图像的启动位置编辑信息的步骤包括:
当在缩放检测区检测到启动编辑所述图像的编辑事件时,获取所述图像当前的缩放值、中心点位置坐标和启动编辑位置坐标;
利用所述中心点位置坐标和启动编辑位置坐标,计算中心点位置和启动编辑位置之间的起始距离;
保存包括当前的缩放值、起始距离的启动位置编辑信息。
优选地,所述利用所述启动位置编辑信息和停止位置编辑信息,对所述图像进行处理的步骤包括:
利用所述停止编辑位置坐标和所述启动位置编辑信息中的中心点位置坐标,计算中心点位置和停止编辑位置之间的当前距离;
利用所述当前距离、所述启动位置编辑信息中的起始距离和缩放值,计算所述图像经缩放编辑后的缩放值。
优选地,所述当检测到启动编辑所述图像的编辑事件时,获取用来编辑所述图像的启动位置编辑信息的步骤包括:
当在旋转检测区检测到启动编辑所述图像的编辑事件时,获取所述图像当前的旋转角度、中心点位置坐标和启动编辑位置坐标;
保存包括旋转角度、中心点位置坐标和启动编辑位置坐标的启动位置编辑信息。
优选地,所述利用所述启动位置编辑信息和停止位置编辑信息,对所述图像进行处理的步骤包括:
利用所述停止编辑位置坐标、所述启动位置编辑信息中的中心点位置坐标和启动编辑位置坐标,计算启动位置和停止位置相对于中心点位置的相对角度;
利用所述相对角度、所述启动位置编辑信息中的旋转角度,计算所述图像从启动位置旋转至停止位置后的旋转角度。
根据本发明的一个方面,提供了一种图像编辑装置,包括:
选取模块,用于对待编辑的图像进行选取;
界面创建模块,用于在所述图像上,建立用来检测关于所述图像的编辑事件的检测界面;
启动编辑模块,用于在所述检测界面内对启动编辑所述图像的编辑事件进行检测,并当检测到启动编辑所述图像的编辑事件时,获取用来编辑所述图像的启动位置编辑信息;
停止编辑模块,用于在所述检测界面内对停止编辑所述图像的编辑事件进行检测,并当检测到停止编辑所述图像的编辑事件时,获取用来编辑所述图像的停止位置编辑信息;
图像处理模块,用于利用所述启动位置编辑信息和停止位置编辑信息,对所述图像进行处理。
与现有技术相比较,本发明的有益效果在于:
1.本发明提供的集成操作方式使用户可以在不切换操作模式的情况下完成对图像的平移旋转缩放操作;
2.本发明解决了图像过大或过小会严重影响用户体验的问题;
3.相比传统八点编辑框的解决方案,本发明给用户提供了更大的热区用于操作图像的旋转,解决编辑热区小容易误操作的问题。
4.本发明可以方便的对图像进行基于不同坐标系的单方向的平移。
附图说明
图1是现有技术提供的Flash Professional提供的八点编辑框;
图2是本发明实施例提供的图像编辑方法原理框图;
图3是本发明实施例提供的图像编辑装置框图;
图4是本发明实施例提供的用户界面示意图;
图5是本发明实施例提供的各热区范围示意图;
图6是本发明实施例提供的非选取状态下平移方案流程图;
图7是本发明实施例提供的选取状态下通过中心平移区触发平移的流程图;
图8是本发明实施例提供的选取状态下通过平移X轴触发平移的流程图;
图9是本发明实施例提供的选取状态下通过平移Y轴触发平移的流程图;
图10是本发明实施例提供的选取状态下通过用户界面以外图像矩形区域以内的区域触发平移的流程图;
图11是本发明实施例提供的平移流程图;
图12是本发明实施例提供的图像缩放前的缩放手柄示意图;
图13是本发明实施例提供的图像缩放后的缩放手柄示意图。
具体实施方式
以下结合附图对本发明的优选实施例进行详细说明,应当理解,以下所说明的优选实施例仅用于说明和解释本发明,并不用于限定本发明。
图2是本发明实施例提供的图像编辑方法原理框图,如图1所示,步骤包括;
步骤S101:对待编辑的图像进行选取。
步骤S102:在所述图像上,建立用来检测关于所述图像的编辑事件的检测界面。
所述检测界面包括中心平移检测区、X轴平移检测区、Y轴平移检测区、缩放检测区和旋转检测区,具体地说,在选取图像之后,获取所述图像的中心点位置坐标和所述图像的旋转角度;利用所述图像的中心点位置坐标,设置所述中心平移检测区的中心点位置坐标,使所述检测界面的中心点与所述图像的中心点在同一位置;所述检测界面的大小固定,方向为X轴方向,具体根据所选坐标系不同而不同,如果选择世界坐标系,X轴方向为向右方向,如果选择本地坐标系,X轴方向为被选图像的X轴方向。以所述中心平移检测区为中心,分别设置用来检测图像在X轴平移的编辑事件的X轴平移检测区、用来检测图像在Y轴平移的编辑事件的Y轴平移检测区、用来检测图像缩放的编辑事件的缩放检测区和用来检测图像旋转的编辑事件的旋转检测区。
步骤S103:在所述检测界面内对启动编辑所述图像的编辑事件进行检测,并当检测到启动编辑所述图像的编辑事件时,获取用来编辑所述图像的启动位置编辑信息。
当需要对图像进行平移处理时,至少存在以下三种处理方式,即在中心平移检测区触发平移操作,在X轴平移检测区触发X轴方向的平移操作,在Y轴平移检测区触发Y轴方向的平移操作。具体地说,当在中心平移检测区、X轴平移检测区、Y轴平移检测区中的任意一个检测区检测到启动编辑所述图像的编辑事件时,获取所述图像当前的图像矩阵和启动编辑位置坐标;利用所述图像的旋转角度,计算所述图像所在的当前坐标系的坐标系矩阵;保存包括所述图像矩阵、启动编辑位置坐标、坐标系矩阵的启动位置编辑信息。
当需要对图像进行缩放处理时,即当在缩放检测区检测到启动编辑所述图像的编辑事件时,获取所述图像当前的缩放值、中心点位置坐标和启动编辑位置坐标;利用所述中心点位置坐标和启动编辑位置坐标,计算中心点位置和启动编辑位置之间的起始距离;保存包括当前的缩放值、起始距离的启动位置编辑信息。
当需要对图像进行旋转处理时,即当在旋转检测区检测到启动编辑所述图像的编辑事件时,获取所述图像当前的旋转角度、中心点位置坐标和启动编辑位置坐标;保存包括旋转角度、中心点位置坐标和启动编辑位置坐标的启动位置编辑信息。
步骤S104:在所述检测界面内对停止编辑所述图像的编辑事件进行检测,并当检测到停止编辑所述图像的编辑事件时,获取用来编辑所述图像的停止位置编辑信息。
当检测到停止编辑所述图像的编辑事件时,获取所述图像当前的停止编辑位置坐标,并将所述停止编辑位置坐标作为停止位置编辑信息。
步骤S105:利用所述启动位置编辑信息和停止位置编辑信息,对所述图像进行处理。
对所述图像进行处理包括对图像进行平移处理、缩放处理、旋转处理,其中:
平移处理步骤包括:利用所述启动位置编辑信息中的启动编辑位置坐标和所述停止编辑位置坐标,计算所述图像从启动位置平移至停止位置的平移矩阵;利用所述平移矩阵、所述启动位置编辑信息中的坐标系矩阵和图像矩阵,计算所述图像平移至停止位置时的图像矩阵。
缩放处理步骤包括:利用所述停止编辑位置坐标和所述启动位置编辑信息中的中心点位置坐标,计算中心点位置和停止编辑位置之间的当前距离;利用所述当前距离、所述启动位置编辑信息中的起始距离和缩放值,计算所述图像经缩放编辑后的缩放值。
旋转步骤包括:利用所述停止编辑位置坐标、所述启动位置编辑信息中的中心点位置坐标和启动编辑位置坐标,计算启动位置和停止位置相对于中心点位置的相对角度;利用所述相对角度、所述启动位置编辑信息中的旋转角度,计算所述图像从启动位置旋转至停止位置后的旋转角度。
图3是本发明实施例提供的图像编辑装置框图,如图3所示,包括:
选取模块10,用于对待编辑的图像进行选取;
界面创建模块20,用于在所述图像上,建立用来检测关于所述图像的编辑事件的检测界面,进一步地,检测界面在选取图像之后建立,包括中心平移检测区、X轴平移检测区、Y轴平移检测区、缩放检测区和旋转检测区。
启动编辑模块30,用于在所述检测界面内对启动编辑所述图像的编辑事件进行检测,并当检测到启动编辑所述图像的编辑事件时,获取用来编辑所述图像的启动位置编辑信息,进一步地,启动编辑所述图像的编辑事件包括用来启动平移图像的编辑事件、用来启动缩放图像的编辑事件和用来启动旋转图像的编辑事件。
停止编辑模块40,用于在所述检测界面内对停止编辑所述图像的编辑事件进行检测,并当检测到停止编辑所述图像的编辑事件时,获取用来编辑所述图像的停止位置编辑信息,进一步地,停止编辑所述图像的编辑事件包括用来停止平移图像的编辑事件、用来停止缩放图像的编辑事件和用来停止旋转图像的编辑事件。
图像处理模块50,用于利用所述启动位置编辑信息和停止位置编辑信息,对所述图像进行处理,进一步地,所述对图像进行处理包括对图像进行平移处理、缩放处理、旋转处理。
下面通过一个具体实施例对本发明的工作流程做进一步说明:
1.前置条件:选择坐标系。
默认情况使用世界坐标系,用户也可以选择本地坐标系。使用不同的坐标系的区别在于提供的用户界面中平移X轴和平移Y轴的方向不同。选择坐标的用户操作方式并不是本发明的重点,发明的重点是显示的用户界面会根据选择的坐标系显示不同方向的平移X轴和平移Y轴,方便用户进行不用方向的平移操作。
2.前置条件:选取图像。
任何的编辑都是基于图像被选中的前提下完成的,但是选取操作本身并不是本发明的重点,一般来说单击图片就能完成选取。
3.为选取状态下的图像显示用户界面(相当于上述检测界面)。用户界面包含中心平移区(即中间圆圈部分,相当于上述中心平移检测区),平移X轴(即方向向右的箭头,相当于上述X轴平移检测区),平移Y轴(即方向向下的箭头,相当于上述Y轴平移检测区),缩放手柄(位于圆圈左上方的手柄,相当于上述缩放检测区)。用户界面的中心始终与被选取图像的中心重合,用户界面的大小固定,方向根据所选坐标系不同而不同,如图4所示。如果选择世界坐标系,用户界面的方向始终为X轴指向右侧。如果选择本地坐标系,用户界面的方向为X轴指向被选图像的X轴方向。
例如,用户界面可以通过如下步骤生成:
步骤1:监测场景中图片的选中情况。
步骤2:当有图片选中时,获取被选中图片的中心点坐标(x,y)和旋转角度r.
步骤3:绘制用户界面
a)使用***提供的绘图API分别绘制平移X轴,平移Y轴和缩放手柄;
b)将平移Y轴的角度设置为90度。
c)将缩放手柄的角度设置为-135度,长度设置为图片缩放比例乘以20
d)绘制中心的空心圆圈部分
步骤4:将用户界面的坐标设置为(x,y),角度设置为r。
4.取消选取。
为了不和其他的编辑操作发生冲突,取消选取由鼠标右键单击操作完成。用鼠标右键单击操作场景界面中的任何地方实现取消选取(场景外例如面板按钮则无效)。如图5所示的各热区范围,在图像的矩形区域内部拖左键拽触发平移,在图像的矩形区域外部左键拖拽触发旋转,在全部区域内部右键单击触发取消选择。
5.非选取状态下平移。
在图像的矩形区域内,用鼠标按下左键,在不抬起左键的情况下移动鼠标(以后简称左键拖拽),图像进入选取状态,同时开始跟随鼠标平移。
具体流程如图6所示,步骤包括:
步骤1:在图像的矩形区域内监测鼠标左键按下的事件。
步骤2:鼠标左键按下时,记录当前的对象,当前鼠标位置为初始鼠标位置(即启动编辑位置),同时开始监测鼠标移动事件。
步骤3:当鼠标移动时比较鼠标当前位置(即鼠标移动到的位置)和记录的初始鼠标位置,判断两个位置之间的距离是否大于预定距离,例如10像素,如果是则执行步骤4。
步骤4:当两个位置的距离超过10像素时,将记录的当前对象设置为选中对象,并开始平移操作流程。
6.选取状态下平移,有四种方式:
第一种方式:在提供的用户界面的中心平移区,使用鼠标左键拖拽,图像开始跟随鼠标平移,具体流程如图7所示,步骤包括:
步骤1:在用户界面的中心平移区监测鼠标左键按下的事件。
步骤2:鼠标左键按下时,开始平移操作流程
第二种方式:在提供的用户界面的平移X轴上,使用鼠标左键拖拽,图像开始跟随鼠标在X轴指向的方向上平移,具体流程如图8所示,步骤包括:
步骤1:在用户界面的平移X轴上监测鼠标左键按下的事件。
步骤2:鼠标左键按下时,标记X轴平移,开始平移操作流程。
第三种方式:在提供的用户界面的平移Y轴上,使用鼠标左键拖拽,图像开始跟随鼠标在Y轴指向的方向上平移,具体流程如图9所示,步骤包括:
步骤1:在用户界面的平移Y轴上监测鼠标左键按下的事件。
步骤2:鼠标左键按下时,标记Y轴平移,开始平移操作流程。
第四种方式:在提供的用户界面以外图像矩形区域以内的区域,使用鼠标左键拖拽,图像开始跟随鼠标平移。需要注意的是,如果图像矩形区域小于用户界面区域,则这种方式不会被触发。
具体流程如图10所示,步骤包括:
步骤1:在图像的矩形区域内监测鼠标左键按下的事件。
步骤2:鼠标左键按下时,标记X轴平移,开始平移操作流程。
平移流程如图11所示,步骤包括:
步骤1:记录相关信息。
步骤a:记录目标图像当前矩阵为M,记录当前鼠标坐标点(即启动编辑位置坐标)为(x,y).
步骤b:计算当前坐标系的旋转角度θ,如果当前坐标系为世界坐标系,θ=0;如果当前坐标系为本地坐标系,θ=目标图像的旋转角度。
步骤c:计算当前坐标系的坐标系矩阵CM。
CM = cos θ sin θ 0 sin θ cos θ 0 0 0 1
步骤2:监听鼠标是否移动或左键抬起,若监听到鼠标移动事件,则执行步骤3,若监听到鼠标左键抬起事件,停止监听鼠标移动事件和鼠标左键抬起事件,平移操作流程结束。
步骤3:每当鼠标移动时,记录当前鼠标坐标为(x’,y’)。
步骤4:计算目标图像新的矩阵M’并设置,方法如下:
1)计算平移矩阵TM。
TM = 1 0 x ′ - x 0 1 y ′ - y 0 0 1
2)计算选中坐标系下的平移矩阵CTM。
CTM=CM*TM
3)如果标记X轴平移,设置y分量为0,即CTM.ty=0;如果标记Y轴平移,设置x分量为0,即CTM.tx=0。
4)将坐标系矩阵CM转置得到CM-1
5)修改平移矩阵
TM=CM-1*CTM
6)计算M’
M’=TM*M;
7.选取状态下旋转。
在图像矩形区域外;提供的用户界面以外;操作场景界面内的区域,使用鼠标左键拖拽,图像开始跟随鼠标旋转。
步骤1:在编辑区背景上监控鼠标左键按下的事件。因为背景在用户界面和图像的下面,所以只有当鼠标在图像矩形区域和用户界面以外时,才会触发事件。
步骤2:鼠标左键按下时,记录目标图像当前旋转角度为θ,记录目标图像中心点CP(cx,cy),记录当前鼠标坐标点(即启动编辑位置坐标)为P(x,y)。
步骤3:监听鼠标移动事件,监听鼠标抬起事件。
步骤4:每当鼠标移动时,记录当前鼠标坐标为P’(x’,y’)。
步骤5:计算P和P’相对CP连线的夹角dθ。
步骤6:设置目标图像新的旋转角度θ’=θ+dθ。
步骤7:当鼠标抬起时,停止监听鼠标移动事件和鼠标抬起事件,旋转操作流程结束。
8.选取状态下缩放。
在提供的用户界面的缩放手柄上,使用鼠标左键拖拽,图像开始跟随鼠标进行等比缩放。
步骤1:在用户界面的缩放手柄上监测鼠标左键按下的事件。
步骤2:鼠标左键按下时,记录目标图像当前缩放值S,记录目标图像中心点CP(cx,cy),记录当前鼠标坐标点(即启动编辑位置坐标)为P(x,y),计算P和CP两点间距离D。
步骤3:每当鼠标移动时,记录当前鼠标坐标为P’(x’,y’),计算P’和CP两点间距离D’。
步骤4:设置目标图像新的缩放值S’=S*D’/D。
缩放前后,除手柄外,其他用户界面的尺寸都是不变的。而手柄的长度会随着图片缩放比例而变化,缩放比越大,手柄越长,如图12和13所示。
9.信息输入框辅助用户输入平移,旋转,缩放的绝对值。
信息输入框的用户界面和操作方式不是本发明的重点,只是做为本发明功能的补充而存在。
上述流程中,当用户鼠标左键第一次按下时,本发明能够检测到启动编辑所述图像的编辑事件,并记录图像编辑启动时的相关信息,即启动位置编辑信息;当用户鼠标左键第二次按下时,本发明能够检测到停止编辑所述图像的编辑事件,并记录图像编辑停止时的相关信息,即停止位置编辑信息。
作为一种实施例,可以将本发明用在DragonBones动画编辑器,DragonBones动画编辑器是一个基于PC的桌面应用程序,支持动画制作,时间轴编辑等等。在DragonBones动画编辑器中,用户可以将本机图片导入到编辑器中,并可以选中任何图片并进行平移缩放旋转的编辑。技术上,本发明可以在任何桌面图像处理软件中使用。
尽管上文对本发明进行了详细说明,但是本发明不限于此,本技术领域技术人员可以根据本发明的原理进行各种修改。因此,凡按照本发明原理所作的修改,都应当理解为落入本发明的保护范围。

Claims (10)

1.一种图像编辑方法,其特征在于,包括:
对待编辑的图像进行选取;
在所述图像上,建立用来检测关于所述图像的编辑事件的检测界面;
在所述检测界面内对启动编辑所述图像的编辑事件进行检测,并当检测到启动编辑所述图像的编辑事件时,获取用来编辑所述图像的启动位置编辑信息;
在所述检测界面内对停止编辑所述图像的编辑事件进行检测,并当检测到停止编辑所述图像的编辑事件时,获取用来编辑所述图像的停止位置编辑信息;
利用所述启动位置编辑信息和停止位置编辑信息,对所述图像进行处理。
2.根据权利要求1所述的方法,其特征在于,所述检测界面包括中心平移检测区、X轴平移检测区、Y轴平移检测区、缩放检测区和旋转检测区,所述建立用来检测关于所述图像的编辑事件的检测界面的步骤包括:
在选取图像之后,获取所述图像的中心点位置坐标和所述图像的旋转角度;
利用所述图像的中心点位置坐标,设置所述中心平移检测区的中心点位置坐标,使所述图像的中心点与所述检测界面的中心点在同一位置;
以所述中心平移检测区为中心,分别设置用来检测图像在X轴平移的编辑事件的X轴平移检测区、用来检测图像在Y轴平移的编辑事件的Y轴平移检测区、用来检测图像缩放的编辑事件的缩放检测区和用来检测图像旋转的编辑事件的旋转检测区。
3.根据权利要求2所述的方法,其特征在于,所述当检测到停止编辑所述图像的编辑事件时,获取用来编辑所述图像的停止位置编辑信息的步骤还包括:
当检测到停止编辑所述图像的编辑事件时,获取所述图像当前的停止编辑位置坐标,并将所述停止编辑位置坐标作为停止位置编辑信息。
4.根据权利要求3所述的方法,其特征在于,所述当检测到启动编辑所述图像的编辑事件时,获取用来编辑所述图像的启动位置编辑信息的步骤包括:
当在中心平移检测区、X轴平移检测区、Y轴平移检测区中的任意一个检测区检测到启动编辑所述图像的编辑事件时,获取所述图像当前的图像矩阵和启动编辑位置坐标;
利用所述图像的旋转角度,计算所述图像所在的当前坐标系的坐标系矩阵;
保存包括所述图像矩阵、启动编辑位置坐标、坐标系矩阵的启动位置编辑信息。
5.根据权利要求4所述的方法,其特征在于,所述利用所述启动位置编辑信息和停止位置编辑信息,对所述图像进行处理的步骤包括:
利用所述启动位置编辑信息中的启动编辑位置坐标和所述停止编辑位置坐标,计算所述图像从启动位置平移至停止位置的平移矩阵;
利用所述平移矩阵、所述启动位置编辑信息中的坐标系矩阵和图像矩阵,计算所述图像平移至停止位置时的图像矩阵。
6.根据权利要求3所述的方法,其特征在于,所述当检测到启动编辑所述图像的编辑事件时,获取用来编辑所述图像的启动位置编辑信息的步骤包括:
当在缩放检测区检测到启动编辑所述图像的编辑事件时,获取所述图像当前的缩放值、中心点位置坐标和启动编辑位置坐标;
利用所述中心点位置坐标和启动编辑位置坐标,计算中心点位置和启动编辑位置之间的起始距离;
保存包括当前的缩放值、起始距离的启动位置编辑信息。
7.根据权利要求6所述的方法,其特征在于,所述利用所述启动位置编辑信息和停止位置编辑信息,对所述图像进行处理的步骤包括:
利用所述停止编辑位置坐标和所述启动位置编辑信息中的中心点位置坐标,计算中心点位置和停止编辑位置之间的当前距离;
利用所述当前距离、所述启动位置编辑信息中的起始距离和缩放值,计算所述图像经缩放编辑后的缩放值。
8.根据权利要求3所述的方法,其特征在于,所述当检测到启动编辑所述图像的编辑事件时,获取用来编辑所述图像的启动位置编辑信息的步骤包括:
当在旋转检测区检测到启动编辑所述图像的编辑事件时,获取所述图像当前的旋转角度、中心点位置坐标和启动编辑位置坐标;
保存包括旋转角度、中心点位置坐标和启动编辑位置坐标的启动位置编辑信息。
9.根据权利要求8所述的方法,其特征在于,所述利用所述启动位置编辑信息和停止位置编辑信息,对所述图像进行处理的步骤包括:
利用所述停止编辑位置坐标、所述启动位置编辑信息中的中心点位置坐标和启动编辑位置坐标,计算启动位置和停止位置相对于中心点位置的相对角度;
利用所述相对角度、所述启动位置编辑信息中的旋转角度,计算所述图像从启动位置旋转至停止位置后的旋转角度。
10.一种图像编辑装置,其特征在于,包括:
选取模块,用于对待编辑的图像进行选取;
界面创建模块,用于在所述图像上,建立用来检测关于所述图像的编辑事件的检测界面;
启动编辑模块,用于在所述检测界面内对启动编辑所述图像的编辑事件进行检测,并当检测到启动编辑所述图像的编辑事件时,获取用来编辑所述图像的启动位置编辑信息;
停止编辑模块,用于在所述检测界面内对停止编辑所述图像的编辑事件进行检测,并当检测到停止编辑所述图像的编辑事件时,获取用来编辑所述图像的停止位置编辑信息;
图像处理模块,用于利用所述启动位置编辑信息和停止位置编辑信息,对所述图像进行处理。
CN201510312743.7A 2015-06-09 2015-06-09 一种图像编辑方法及装置 Pending CN104899911A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201510312743.7A CN104899911A (zh) 2015-06-09 2015-06-09 一种图像编辑方法及装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201510312743.7A CN104899911A (zh) 2015-06-09 2015-06-09 一种图像编辑方法及装置

Publications (1)

Publication Number Publication Date
CN104899911A true CN104899911A (zh) 2015-09-09

Family

ID=54032554

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201510312743.7A Pending CN104899911A (zh) 2015-06-09 2015-06-09 一种图像编辑方法及装置

Country Status (1)

Country Link
CN (1) CN104899911A (zh)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN105894554A (zh) * 2016-04-11 2016-08-24 腾讯科技(深圳)有限公司 图像处理方法和装置
CN110764764A (zh) * 2019-09-16 2020-02-07 平安科技(深圳)有限公司 网页端图像固定拉伸方法、装置、计算机设备及存储介质

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
EP0554766A1 (de) * 1992-02-05 1993-08-11 BASF Aktiengesellschaft Verfahren zur Stickoxidminderung in Abgasen durch gesteuerte NH3-Zugabe
US20030123698A1 (en) * 2001-12-10 2003-07-03 Canon Kabushiki Kaisha Image processing apparatus and method
CN102521849A (zh) * 2010-10-14 2012-06-27 微软公司 基于区域的图像操纵

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
EP0554766A1 (de) * 1992-02-05 1993-08-11 BASF Aktiengesellschaft Verfahren zur Stickoxidminderung in Abgasen durch gesteuerte NH3-Zugabe
US20030123698A1 (en) * 2001-12-10 2003-07-03 Canon Kabushiki Kaisha Image processing apparatus and method
CN102521849A (zh) * 2010-10-14 2012-06-27 微软公司 基于区域的图像操纵

Non-Patent Citations (2)

* Cited by examiner, † Cited by third party
Title
WAN6418200111: "《https://wenku.***.com/view/37f82220af45b307e8719794.html》", 7 January 2011 *
XIAANMING: "《http://blog.csdn.net/xiaanming/article/details/42833893》", 19 January 2015 *

Cited By (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN105894554A (zh) * 2016-04-11 2016-08-24 腾讯科技(深圳)有限公司 图像处理方法和装置
CN105894554B (zh) * 2016-04-11 2019-07-05 腾讯科技(深圳)有限公司 图像处理方法和装置
CN110764764A (zh) * 2019-09-16 2020-02-07 平安科技(深圳)有限公司 网页端图像固定拉伸方法、装置、计算机设备及存储介质
CN110764764B (zh) * 2019-09-16 2024-03-01 平安科技(深圳)有限公司 网页端图像固定拉伸方法、装置、计算机设备及存储介质

Similar Documents

Publication Publication Date Title
US20130234964A1 (en) Image editing apparatus and method for selecting area of interest
CN102779008B (zh) 一种屏幕截图方法和***
US10061496B2 (en) Snapping of object features via dragging
US8982070B2 (en) Portable information terminal
US10969949B2 (en) Information display device, information display method and information display program
JP6240619B2 (ja) 画面に表示された客体のサイズ調整方法及び装置
JP2005122696A (ja) インタラクティブディスプレイシステムおよびインタラクティブディスプレイ方法
DE112012007203T5 (de) Informations-Anzeigevorrichtung, Anzeigeinformations-Operationsverfahren
JP2016173703A (ja) タッチディスプレイを用いた入力操作を支援する方法
TWI485600B (zh) 圖樣互換方法與相關多點觸控裝置
CN104731494A (zh) 一种预览界面选定区域放大的方法和装置
JP2008134918A (ja) 画像処理装置及び画像処理決定方法
US11003340B2 (en) Display device
CN107885437A (zh) 多元素交互方法、装置、设备和存储介质
WO2015003544A1 (zh) 多深度区间的重聚焦方法、装置及电子设备
CN102063698A (zh) 一种图形图像处理中对象斜对齐的方法和装置
CN104899911A (zh) 一种图像编辑方法及装置
CN106406681A (zh) 电子设备
US9146653B2 (en) Method and apparatus for editing layout of objects
CN103927089A (zh) 控制交互用户界面对象的方法和装置
CN112799583A (zh) 一种基于android平台的点位示意图绘制***
CN105242920A (zh) 一种截图***、截图方法以及电子设备
CN107613077A (zh) 一种控制手机屏幕的方法
US20160028961A1 (en) Visual Media Capture Device For Visual Thinking
JP5731561B2 (ja) 入力機器及びそのイメージ処理方法

Legal Events

Date Code Title Description
C06 Publication
PB01 Publication
C10 Entry into substantive examination
SE01 Entry into force of request for substantive examination
WD01 Invention patent application deemed withdrawn after publication
WD01 Invention patent application deemed withdrawn after publication

Application publication date: 20150909