一种图像编辑方法及装置的制造方法
一种图像编辑方法及装置的制造方法
【技术领域】
[0001] 本发明涉及图像处理领域，特别涉及一种图像编辑方法及装置。
【背景技术】
[0002] 图像编辑类应用程序向图形设计人员提供查看和编辑图像的功能。此类应用程序 包括Adobe的Photoshop,FlashProfessional,Illustrator，UnityTech的Unity等。
[0003] 对图像进行平移旋转缩放是图像编辑类应用程序中最常用的功能。为了实现这些 功能，此类应用程序一般都会提供一些辅助的用户界面用于帮助用户完成编辑操作。
[0004] 所提供的辅助用户界面一般都需要解决下面的几个问题：
[0005] 1.为不同的功能提供不同的操作方式，互不冲突；
[0006] 2.编辑操作中不能使用户误选其他图像；
[0007] 3.能适用于非常大和非常小的不同尺寸的图像；
[0008] 4.对编辑后图像的变化（和编辑前的差异）提供清晰的展示。
[0009] 目前，八点编辑框是最常见的一种解决方案，例如，如图1所示的AdobeFlashPro 的八点编辑框解决方案，八点编辑框中的图片本身是平移热区，八个点是缩放热区，八个点 外侧是旋转热区，其优点在于，在同一个界面下，用户就能完成平移旋转缩放的操作。另一 个常见的解决方案是分离操作解决方案，例如Unity，平移旋转缩放的编辑在不同的状态下 进行，其优点在于，各个操作的热区都比较大，不容易出现操作失误的情况。
[0010] 信息输入框一般是辅助用户界面，用于为用户显示当前编辑对象的位置、旋转角 度、缩放等信息，同时提供最直接的输入编辑功能。
[0011] 上述八点编辑框的解决方案存在以下问题：
[0012] 1.因为编辑点的位置是随着图片尺寸变化而变化的，所以当图片非常大或非常小 时编辑操作会变得非常困难。例如，当图片非常小时八个点会重叠，容易误操作；当图片非 常大时，八个点会距离较远，用户往往需要跨屏操作。
[0013] 2.对图片的旋转操作热区一般放在八点的外侧边缘，热区比较小需要鼠标精确定 位之后才能操作，操作不够顺畅，容易误操作。
[0014] 上述分离操作的解决方案存在以下问题：
[0015] 1.不同的操作在不同的模式下进行，无法顺畅的进行不同类型的编辑操作。
[0016] 2.操作复杂，用户学习成本较高。
[0017] 为提供一套能解决上述全部问题的集成式的对图片进行平移旋转缩放的用户界 面工具，本发明提供了一种图像编辑方法及装置。
【发明内容】
[0018] 本发明的目的在于提供一种图像编辑方法及装置，能更好地解决上述问题。
[0019] 根据本发明的一个方面，提供了一种图像编辑方法，包括：
[0020] 对待编辑的图像进行选取；
[0021] 在所述图像上，建立用来检测关于所述图像的编辑事件的检测界面；
[0022] 在所述检测界面内对启动编辑所述图像的编辑事件进行检测，并当检测到启动编 辑所述图像的编辑事件时，获取用来编辑所述图像的启动位置编辑信息；
[0023] 在所述检测界面内对停止编辑所述图像的编辑事件进行检测，并当检测到停止编 辑所述图像的编辑事件时，获取用来编辑所述图像的停止位置编辑信息；
[0024] 利用所述启动位置编辑信息和停止位置编辑信息，对所述图像进行处理。
[0025] 优选地，所述检测界面包括中心平移检测区、X轴平移检测区、Y轴平移检测区、缩 放检测区和旋转检测区，所述建立用来检测关于所述图像的编辑事件的检测界面的步骤包 括：
[0026] 在选取图像之后，获取所述图像的中心点位置坐标和所述图像的旋转角度；
[0027] 利用所述图像的中心点位置坐标，设置所述中心平移检测区的中心点位置坐标， 使所述图像的中心点与所述检测界面的中心点在同一位置；
[0028] 以所述中心平移检测区为中心，分别设置用来检测图像在X轴平移的编辑事件的 X轴平移检测区、用来检测图像在Y轴平移的编辑事件的Y轴平移检测区、用来检测图像缩 放的编辑事件的缩放检测区和用来检测图像旋转的编辑事件的旋转检测区。
[0029] 优选地，所述当检测到停止编辑所述图像的编辑事件时，获取用来编辑所述图像 的停止位置编辑信息的步骤还包括：
[0030] 当检测到停止编辑所述图像的编辑事件时，获取所述图像当前的停止编辑位置坐 标，并将所述停止编辑位置坐标作为停止位置编辑信息。
[0031] 优选地，所述当检测到启动编辑所述图像的编辑事件时，获取用来编辑所述图像 的启动位置编辑信息的步骤包括：
[0032] 当在中心平移检测区、X轴平移检测区、Y轴平移检测区中的任意一个检测区检测 到启动编辑所述图像的编辑事件时，获取所述图像当前的图像矩阵和启动编辑位置坐标；
[0033] 利用所述图像的旋转角度，计算所述图像所在的当前坐标系的坐标系矩阵；
[0034] 保存包括所述图像矩阵、启动编辑位置坐标、坐标系矩阵的启动位置编辑信息。
[0035] 优选地，所述利用所述启动位置编辑信息和停止位置编辑信息，对所述图像进行 处理的步骤包括：
[0036] 利用所述启动位置编辑信息中的启动编辑位置坐标和所述停止编辑位置坐标，计 算所述图像从启动位置平移至停止位置的平移矩阵；
[0037] 利用所述平移矩阵、所述启动位置编辑信息中的坐标系矩阵和图像矩阵，计算所 述图像平移至停止位置时的图像矩阵。
[0038] 优选地，所述当检测到启动编辑所述图像的编辑事件时，获取用来编辑所述图像 的启动位置编辑信息的步骤包括：
[0039] 当在缩放检测区检测到启动编辑所述图像的编辑事件时，获取所述图像当前的缩 放值、中心点位置坐标和启动编辑位置坐标；
[0040] 利用所述中心点位置坐标和启动编辑位置坐标，计算中心点位置和启动编辑位置 之间的起始距离；
[0041] 保存包括当前的缩放值、起始距离的启动位置编辑信息。
[0042] 优选地，所述利用所述启动位置编辑信息和停止位置编辑信息，对所述图像进行 处理的步骤包括：
[0043] 利用所述停止编辑位置坐标和所述启动位置编辑信息中的中心点位置坐标，计算 中心点位置和停止编辑位置之间的当前距离；
[0044] 利用所述当前距离、所述启动位置编辑信息中的起始距离和缩放值，计算所述图 像经缩放编辑后的缩放值。
[0045] 优选地，所述当检测到启动编辑所述图像的编辑事件时，获取用来编辑所述图像 的启动位置编辑信息的步骤包括：
[0046] 当在旋转检测区检测到启动编辑所述图像的编辑事件时，获取所述图像当前的旋 转角度、中心点位置坐标和启动编辑位置坐标；
[0047] 保存包括旋转角度、中心点位置坐标和启动编辑位置坐标的启动位置编辑信息。
[0048] 优选地，所述利用所述启动位置编辑信息和停止位置编辑信息，对所述图像进行 处理的步骤包括：
[0049] 利用所述停止编辑位置坐标、所述启动位置编辑信息中的中心点位置坐标和启动 编辑位置坐标，计算启动位置和停止位置相对于中心点位置的相对角度；
[0050] 利用所述相对角度、所述启动位置编辑信息中的旋转角度，计算所述图像从启动 位置旋转至停止位置后的旋转角度。
[0051] 根据本发明的一个方面，提供了一种图像编辑装置，包括：
[0052] 选取模块，用于对待编辑的图像进行选取；
[0053] 界面创建模块，用于在所述图像上，建立用来检测关于所述图像的编辑事件的检 测界面；
[0054] 启动编辑模块，用于在所述检测界面内对启动编辑所述图像的编辑事件 进行检 测，并当检测到启动编辑所述图像的编辑事件时，获取用来编辑所述图像的启动位置编辑 信息；
[0055] 停止编辑模块，用于在所述检测界面内对停止编辑所述图像的编辑事件进行检 测，并当检测到停止编辑所述图像的编辑事件时，获取用来编辑所述图像的停止位置编辑 信息；
[0056] 图像处理模块，用于利用所述启动位置编辑信息和停止位置编辑信息，对所述图 像进行处理。
[0057] 与现有技术相比较，本发明的有益效果在于：
[0058] 1.本发明提供的集成操作方式使用户可以在不切换操作模式的情况下完成对图 像的平移旋转缩放操作；
[0059] 2.本发明解决了图像过大或过小会严重影响用户体验的问题；
[0060] 3.相比传统八点编辑框的解决方案，本发明给用户提供了更大的热区用于操作图 像的旋转，解决编辑热区小容易误操作的问题。
[0061] 4.本发明可以方便的对图像进行基于不同坐标系的单方向的平移。
【附图说明】
[0062] 图1是现有技术提供的FlashProfessional提供的八点编辑框；
[0063] 图2是本发明实施例提供的图像编辑方法原理框图；
[0064] 图3是本发明实施例提供的图像编辑装置框图；
[0065] 图4是本发明实施例提供的用户界面示意图；
[0066] 图5是本发明实施例提供的各热区范围示意图；
[0067] 图6是本发明实施例提供的非选取状态下平移方案流程图；
[0068] 图7是本发明实施例提供的选取状态下通过中心平移区触发平移的流程图；
[0069] 图8是本发明实施例提供的选取状态下通过平移X轴触发平移的流程图；
[0070] 图9是本发明实施例提供的选取状态下通过平移Y轴触发平移的流程图；
[0071] 图10是本发明实施例提供的选取状态下通过用户界面以外图像矩形区域以内的 区域触发平移的流程图；
[0072] 图11是本发明实施例提供的平移流程图；
[0073] 图12是本发明实施例提供的图像缩放前的缩放手柄示意图；
[0074] 图13是本发明实施例提供的图像缩放后的缩放手柄示意图。
【具体实施方式】
[0075] 以下结合附图对本发明的优选实施例进行详细说明，应当理解，以下所说明的优 选实施例仅用于说明和解释本发明，并不用于限定本发明。
[0076] 图2是本发明实施例提供的图像编辑方法原理框图，如图1所示，步骤包括；
[0077] 步骤S101 :对待编辑的图像进行选取。
[0078] 步骤S102 :在所述图像上，建立用来检测关于所述图像的编辑事件的检测界面。
[0079] 所述检测界面包括中心平移检测区、X轴平移检测区、Y轴平移检测区、缩放检测 区和旋转检测区，具体地说，在选取图像之后，获取所述图像的中心点位置坐标和所述图像 的旋转角度；利用所述图像的中心点位置坐标，设置所述中心平移检测区的中心点位置坐 标，使所述检测界面的中心点与所述图像的中心点在同一位置；所述检测界面的大小固定， 方向为X轴方向，具体根据所选坐标系不同而不同，如果选择世界坐标系，X轴方向为向右 方向，如果选择本地坐标系，X轴方向为被选图像的X轴方向。以所述中心平移检测区为中 心，分别设置用来检测图像在X轴平移的编辑事件的X轴平移检测区、用来检测图像在Y轴 平移的编辑事件的Y轴平移检测区、用来检测图像缩放的编辑事件的缩放检测区和用来检 测图像旋转的编辑事件的旋转检测区。
[0080] 步骤S103 :在所述检测界面内对启动编辑所述图像的编辑事件进行检测，并当检 测到启动编辑所述图像的编辑事件时，获取用来编辑所述图像的启动位置编辑信息。
[0081] 当需要对图像进行平移处理时，至少存在以下三种处理方式，即在中心平移检测 区触发平移操作，在X轴平移检测区触发X轴方向的平移操作，在Y轴平移检测区触发Y轴 方向的平移操作。具体地说，当在中心平移检测区、X轴平移检测区、Y轴平移检测区中的任 意一个检测区检测到启动编辑所述图像的编辑事件时，获取所述图像当前的图像矩阵和启 动编辑位置坐标；利用所述图像的旋转角度，计算所述图像所在的当前坐标系的坐标系矩 阵；保存包括所述图像矩阵、启动编辑位置坐标、坐标系矩阵的启动位置编辑信息。
[0082] 当需要对图像进行缩放处理时，即当在缩放检测区检测到启动编辑所述图像的编 辑事件时，获取所述图像当前的缩放值、中心点位置坐标和启动编辑位置坐标；利用所述中 心点位置坐标和启动编辑位置坐标，计算中心点位置和启动编辑位置之间的起始距离；保 存包括当前的缩放值、起始距离的启动位置编辑信息。
[0083] 当需要对图像进行旋转处理时，即当在旋转检测区检测到启动编辑所述图像的编 辑事件时，获取所述图像当前的旋转角度、中心点位置坐标和启动编辑位置坐标；保存包括 旋转角度、中心点位置坐标和启动编辑位置坐标的启动位置编辑信息。
[0084] 步骤S104 :在所述检测界面内对停止编辑所述图像的编辑事件进行检测，并当检 测到停止编辑所述图像的编辑事件时，获取用来编辑所述图像的停止位置编辑信息。
[0085] 当检测到停止编辑所述图像的编辑事件时，获取所述图像当前的停止编辑位置坐 标，并将所述停止编辑位置坐标作为停止位置编辑信息。
[0086] 步骤S105 :利用所述启动位置编辑信息和停止位置编辑信息，对所述图像进行处 理。
[0087] 对所述图像进行处理包括对图像进行平移处理、缩放处理、旋转处理，其中：
[0088] 平移处理步骤包括：利用所述启动位置编辑信息中的启动编辑位置坐标和所述停 止编辑位置坐标，计算所述图像从启动位置平移至停止位置的平移矩阵；利用所述平移矩 阵、所述启动位置编辑信息中的坐标系矩阵和图像矩阵，计算所述图像平移至停止位置时 的图像矩阵。
[0089] 缩放处理步骤包括：利用所述停止编辑位置坐标和所述启动位置编辑信息中的中 心点位置坐标，计算中心点位置和停止编辑位置之间的当前距离；利用所述当前距离、所述 启动位置编辑信息中的起始距离和缩放值，计算所述图像经缩放编辑后的缩放值。
[0090] 旋转步骤包括：利用所述停止编辑位置坐标、所述启动位置编辑信息中的中心点 位置坐标和启动编辑位置坐标，计算启动位置和停止位置相对于中心点位置的相对角度； 利用所述相对角度、所述启动位置编辑信息中的旋转角度，计算所述图像从启动位置旋转 至停止位置后的旋转角度。
[0091] 图3是本发明实施例提供的图像编辑装置框图，如图3所示，包括：
[0092] 选取模块10,用于对待编辑的图像进行选取；
[0093] 界面创建模块20,用于在所述图像上，建立用来检测关于所述图像的编辑事件的 检测界面，进一步地，检测界面在选取图像之后建立，包括中心平移检测区、X轴平移检测 区、Y轴平移检测区、缩放检测区和旋转检测区。
[0094] 启动编辑模块30,用于在所述检测界面内对启动编辑所述图像的编辑事件进行检 测，并当检测到启动编辑所述图像的编辑事件时，获取用来编辑所述图像的启动位置编辑 信息，进一步地，启动编辑所述图像的编辑事件包括用来启动平移图像的编辑事件、用来启 动缩放图像的编辑事件和用来启动旋转图像的编辑事件。
[0095] 停止编辑模块40,用于在所述检测界面内对停止编辑所述图像的编辑事件进行检 测，并当检测到停止编辑所述图像的编辑事件时，获取用来编辑所述图像的停止位置编辑 信息，进一步地，停止编辑所述图像的编辑事件包括用来停止平移图像的编辑事件、用来停 止缩放图像的编辑事件和用来停止旋转图像的编辑事件。
[0096] 图像处理模块50,用于利用所述启动位置编辑信息和停止位置编辑信息，对所述 图像进行处理，进一步地，所述 对图像进行处理包括对图像进行平移处理、缩放处理、旋转 处理。
[0097] 下面通过一个具体实施例对本发明的工作流程做进一步说明：
[0098] 1.前置条件：选择坐标系。
[0099] 默认情况使用世界坐标系，用户也可以选择本地坐标系。使用不同的坐标系的区 别在于提供的用户界面中平移X轴和平移Y轴的方向不同。选择坐标的用户操作方式并不 是本发明的重点，发明的重点是显示的用户界面会根据选择的坐标系显示不同方向的平移 X轴和平移Y轴，方便用户进行不用方向的平移操作。
[0100] 2.前置条件：选取图像。
[0101] 任何的编辑都是基于图像被选中的前提下完成的，但是选取操作本身并不是本发 明的重点，一般来说单击图片就能完成选取。
[0102] 3.为选取状态下的图像显示用户界面（相当于上述检测界面）。用户界面包含 中心平移区（即中间圆圈部分，相当于上述中心平移检测区），平移X轴（即方向向右的箭 头，相当于上述X轴平移检测区），平移Y轴（即方向向下的箭头，相当于上述Y轴平移检测 区），缩放手柄（位于圆圈左上方的手柄，相当于上述缩放检测区）。用户界面的中心始终 与被选取图像的中心重合，用户界面的大小固定，方向根据所选坐标系不同而不同，如图4 所示。如果选择世界坐标系，用户界面的方向始终为X轴指向右侧。如果选择本地坐标系， 用户界面的方向为X轴指向被选图像的X轴方向。
[0103] 例如，用户界面可以通过如下步骤生成：
[0104] 步骤1 :监测场景中图片的选中情况。
[0105] 步骤2 :当有图片选中时，获取被选中图片的中心点坐标（x，y)和旋转角度r.
[0106] 步骤3 :绘制用户界面
[0107] a)使用系统提供的绘图API分别绘制平移X轴，平移Y轴和缩放手柄；
[0108] b)将平移Y轴的角度设置为90度。
[0109] c)将缩放手柄的角度设置为-135度，长度设置为图片缩放比例乘以20
[0110] d)绘制中心的空心圆圈部分
[0111] 步骤4:将用户界面的坐标设置为（x，y)，角度设置为r。
[0112] 4.取消选取。
[0113] 为了不和其他的编辑操作发生冲突，取消选取由鼠标右键单击操作完成。用鼠标 右键单击操作场景界面中的任何地方实现取消选取（场景外例如面板按钮则无效）。如图 5所示的各热区范围，在图像的矩形区域内部拖左键拽触发平移，在图像的矩形区域外部左 键拖拽触发旋转，在全部区域内部右键单击触发取消选择。
[0114] 5.非选取状态下平移。
[0115] 在图像的矩形区域内，用鼠标按下左键，在不抬起左键的情况下移动鼠标（以后 简称左键拖拽），图像进入选取状态，同时开始跟随鼠标平移。
[0116] 具体流程如图6所示，步骤包括：
[0117] 步骤1 :在图像的矩形区域内监测鼠标左键按下的事件。
[0118] 步骤2 :鼠标左键按下时，记录当前的对象，当前鼠标位置为初始鼠标位置（即启 动编辑位置），同时开始监测鼠标移动事件。
[0119] 步骤3 :当鼠标移动时比较鼠标当前位置（即鼠标移动到的位置）和记录的初始 鼠标位置，判断两个位置之间的距离是否大于预定距离，例如10像素，如果是则执行步骤 4〇
[0120] 步骤4:当两个位置的距离超过10像素时，将记录的当前对象设置为选中对象，并 开始平移操作流程。
[0121] 6.选取状态下平移，有四种方式：
[0122] 第一种方式：在提供的用户界面的中心平移区，使用鼠标左键拖拽，图像开始跟随 鼠标平移，具体流程如图 7所示，步骤包括：
[0123] 步骤1 :在用户界面的中心平移区监测鼠标左键按下的事件。
[0124] 步骤2:鼠标左键按下时，开始平移操作流程
[0125] 第二种方式：在提供的用户界面的平移X轴上，使用鼠标左键拖拽，图像开始跟随 鼠标在X轴指向的方向上平移，具体流程如图8所示，步骤包括：
[0126] 步骤1 :在用户界面的平移X轴上监测鼠标左键按下的事件。
[0127] 步骤2:鼠标左键按下时，标记X轴平移，开始平移操作流程。
[0128] 第三种方式：在提供的用户界面的平移Y轴上，使用鼠标左键拖拽，图像开始跟随 鼠标在Y轴指向的方向上平移，具体流程如图9所示，步骤包括：
[0129] 步骤1 :在用户界面的平移Y轴上监测鼠标左键按下的事件。
[0130] 步骤2 :鼠标左键按下时，标记Y轴平移，开始平移操作流程。
[0131] 第四种方式：在提供的用户界面以外图像矩形区域以内的区域，使用鼠标左键拖 拽，图像开始跟随鼠标平移。需要注意的是，如果图像矩形区域小于用户界面区域，则这种 方式不会被触发。
[0132] 具体流程如图10所示，步骤包括：
[0133] 步骤1 :在图像的矩形区域内监测鼠标左键按下的事件。
[0134] 步骤2 :鼠标左键按下时，标记X轴平移，开始平移操作流程。
[0135] 平移流程如图11所示，步骤包括：
[0136] 步骤1:记录相关信息。
[0137] 步骤a:记录目标图像当前矩阵为M，记录当前鼠标坐标点（即启动编辑位置坐 标）为（X，y)?
[0138] 步骤b:计算当前坐标系的旋转角度0，如果当前坐标系为世界坐标系，0 =0; 如果当前坐标系为本地坐标系，0 =目标图像的旋转角度。
[0139] 步骤c:计算当前坐标系的坐标系矩阵CM。
[0141] 步骤2 :监听鼠标是否移动或左键抬起，若监听到鼠标移动事件，则执行步骤3,若 监听到鼠标左键抬起事件，停止监听鼠标移动事件和鼠标左键抬起事件，平移操作流程结 束。
[0142] 步骤3:每当鼠标移动时，记录当前鼠标坐标为（x'，y'）。
[0143] 步骤4 :计算目标图像新的矩阵M'并设置，方法如下：
[0144] 1)计算平移矩阵TM。
[0146] 2)计算选中坐标系下的平移矩阵CTM。
[0147] CTM=CM*TM
[0148] 3)如果标记X轴平移，设置y分量为0,即CTM.ty= 0 ;如果标记Y轴平移，设置x 分量为〇,即CTM.tx= 0。
[0149] 4)将坐标系矩阵CM转置得到CM'
[0150] 5)修改平移矩阵
[0151] TM=CM4*CTM
[0152] 6)计算M'
[0153] M'=TM*M;
[0154] 7.选取状态下旋转。
[0155] 在图像矩形区域外；提供的用户界面以外；操作场景界面内的区域，使用鼠标左 键拖拽，图像开始跟随鼠标旋转。
[0156] 步骤1 :在编辑区背景上监控鼠标左键按下的事件。因为背景在用户界面和图像 的下面，所以只有当鼠标在图像矩形区域和用户界面以外时，才会触发事件。
[0157] 步骤2 :鼠标左键按下时，记录目标图像当前旋转角度为0，记录目标图像中心点 CP(cx,cy)，记录当前鼠标坐标点（即启动编辑位置坐标）为P(x,y)。
[0158] 步骤3 :监听鼠标移动事件，监听鼠标抬起事件。
[0159] 步骤4 :每当鼠标移动时，记录当前鼠标坐标为P'（x'，y'）。
[0160] 步骤5 :计算P和P'相对CP连线的夹角d0。
[0161] 步骤6 :设置目标图像新的旋转角度0 ' = 0+d0。
[0162] 步骤7 :当鼠标抬起时，停止监听鼠标移动事件和鼠标抬起事件，旋转操作流程结 束。
[0163] 8?选取状态下缩放。
[0164] 在提供的用户界面的缩放手柄上 ，使用鼠标左键拖拽，图像开始跟随鼠标进行等 比缩放。
[0165] 步骤1 :在用户界面的缩放手柄上监测鼠标左键按下的事件。
[0166] 步骤2 :鼠标左键按下时，记录目标图像当前缩放值S，记录目标图像中心点 CP(cx，cy)，记录当前鼠标坐标点（即启动编辑位置坐标）为P(x，y)，计算P和CP两点间距 离D〇
[0167] 步骤3:每当鼠标移动时，记录当前鼠标坐标为P'（x'，y'），计算P'和CP两点间 距离D'。
[0168] 步骤4 :设置目标图像新的缩放值S' =S*D' /D。
[0169] 缩放前后，除手柄外，其他用户界面的尺寸都是不变的。而手柄的长度会随着图片 缩放比例而变化，缩放比越大，手柄越长，如图12和13所示。
[0170] 9.信息输入框辅助用户输入平移，旋转，缩放的绝对值。
[0171] 信息输入框的用户界面和操作方式不是本发明的重点，只是做为本发明功能的补 充而存在。
[0172] 上述流程中，当用户鼠标左键第一次按下时，本发明能够检测到启动编辑所述图 像的编辑事件，并记录图像编辑启动时的相关信息，即启动位置编辑信息；当用户鼠标左键 第二次按下时，本发明能够检测到停止编辑所述图像的编辑事件，并记录图像编辑停止时 的相关信息，即停止位置编辑信息。
[0173] 作为一种实施例，可以将本发明用在DragonBones动画编辑器，DragonBones动画 编辑器是一个基于PC的桌面应用程序，支持动画制作，时间轴编辑等等。在DragonBones 动画编辑器中，用户可以将本机图片导入到编辑器中，并可以选中任何图片并进行平移缩 放旋转的编辑。技术上，本发明可以在任何桌面图像处理软件中使用。
[0174] 尽管上文对本发明进行了详细说明，但是本发明不限于此，本技术领域技术人员 可以根据本发明的原理进行各种修改。因此，凡按照本发明原理所作的修改，都应当理解为 落入本发明的保护范围。
【主权项】
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. -种图像编辑装置，其特征在于，包括： 选取模块，用于对待编辑的图像进行选取； 界面创建模块，用于在所述图像上，建立用来检测关于所述图像的编辑事件的检测界 面； 启动编辑模块，用于在所述检测界面内对启动编辑所述图像的编辑事件进行检测，并 当检测到启动编辑所述图像的编辑事件时，获取用来编辑所述图像的启动位置编辑信息； 停止编辑模块，用于在所述检测界面内对停止编辑所述图像的编辑事件进行检测，并 当检测到停止编辑所述图像的编辑事件时，获取用来编辑所述图像的停止位置编辑信息； 图像处理模块，用于利用所述启动位置编辑信息和停止位置编辑信息，对所述图像进 行处理。
【专利摘要】本发明公开了一种图像编辑方法及装置，涉及图像处理领域，所述方法包括：对待编辑的图像进行选取；在所述图像上，建立用来检测关于所述图像的编辑事件的检测界面；在所述检测界面内对启动编辑所述图像的编辑事件进行检测，并当检测到启动编辑所述图像的编辑事件时，获取用来编辑所述图像的启动位置编辑信息；在所述检测界面内对停止编辑所述图像的编辑事件进行检测，并当检测到停止编辑所述图像的编辑事件时，获取用来编辑所述图像的停止位置编辑信息；利用所述启动位置编辑信息和停止位置编辑信息，对所述图像进行处理。本发明能够集成式的对图像进行平移旋转缩放，适用于不同尺寸的图像。
【IPC分类】G06T11/80
【公开号】CN104899911
【申请号】CN201510312743
【发明人】刘晨光
【申请人】北京白鹭时代信息技术有限公司
【公开日】2015年9月9日
【申请日】2015年6月9日
【技术领域】
[0001] 本发明涉及图像处理领域，特别涉及一种图像编辑方法及装置。
【背景技术】
[0002] 图像编辑类应用程序向图形设计人员提供查看和编辑图像的功能。此类应用程序 包括Adobe的Photoshop,FlashProfessional,Illustrator，UnityTech的Unity等。
[0003] 对图像进行平移旋转缩放是图像编辑类应用程序中最常用的功能。为了实现这些 功能，此类应用程序一般都会提供一些辅助的用户界面用于帮助用户完成编辑操作。
[0004] 所提供的辅助用户界面一般都需要解决下面的几个问题：
[0005] 1.为不同的功能提供不同的操作方式，互不冲突；
[0006] 2.编辑操作中不能使用户误选其他图像；
[0007] 3.能适用于非常大和非常小的不同尺寸的图像；
[0008] 4.对编辑后图像的变化（和编辑前的差异）提供清晰的展示。
[0009] 目前，八点编辑框是最常见的一种解决方案，例如，如图1所示的AdobeFlashPro 的八点编辑框解决方案，八点编辑框中的图片本身是平移热区，八个点是缩放热区，八个点 外侧是旋转热区，其优点在于，在同一个界面下，用户就能完成平移旋转缩放的操作。另一 个常见的解决方案是分离操作解决方案，例如Unity，平移旋转缩放的编辑在不同的状态下 进行，其优点在于，各个操作的热区都比较大，不容易出现操作失误的情况。
[0010] 信息输入框一般是辅助用户界面，用于为用户显示当前编辑对象的位置、旋转角 度、缩放等信息，同时提供最直接的输入编辑功能。
[0011] 上述八点编辑框的解决方案存在以下问题：
[0012] 1.因为编辑点的位置是随着图片尺寸变化而变化的，所以当图片非常大或非常小 时编辑操作会变得非常困难。例如，当图片非常小时八个点会重叠，容易误操作；当图片非 常大时，八个点会距离较远，用户往往需要跨屏操作。
[0013] 2.对图片的旋转操作热区一般放在八点的外侧边缘，热区比较小需要鼠标精确定 位之后才能操作，操作不够顺畅，容易误操作。
[0014] 上述分离操作的解决方案存在以下问题：
[0015] 1.不同的操作在不同的模式下进行，无法顺畅的进行不同类型的编辑操作。
[0016] 2.操作复杂，用户学习成本较高。
[0017] 为提供一套能解决上述全部问题的集成式的对图片进行平移旋转缩放的用户界 面工具，本发明提供了一种图像编辑方法及装置。
【发明内容】
[0018] 本发明的目的在于提供一种图像编辑方法及装置，能更好地解决上述问题。
[0019] 根据本发明的一个方面，提供了一种图像编辑方法，包括：
[0020] 对待编辑的图像进行选取；
[0021] 在所述图像上，建立用来检测关于所述图像的编辑事件的检测界面；
[0022] 在所述检测界面内对启动编辑所述图像的编辑事件进行检测，并当检测到启动编 辑所述图像的编辑事件时，获取用来编辑所述图像的启动位置编辑信息；
[0023] 在所述检测界面内对停止编辑所述图像的编辑事件进行检测，并当检测到停止编 辑所述图像的编辑事件时，获取用来编辑所述图像的停止位置编辑信息；
[0024] 利用所述启动位置编辑信息和停止位置编辑信息，对所述图像进行处理。
[0025] 优选地，所述检测界面包括中心平移检测区、X轴平移检测区、Y轴平移检测区、缩 放检测区和旋转检测区，所述建立用来检测关于所述图像的编辑事件的检测界面的步骤包 括：
[0026] 在选取图像之后，获取所述图像的中心点位置坐标和所述图像的旋转角度；
[0027] 利用所述图像的中心点位置坐标，设置所述中心平移检测区的中心点位置坐标， 使所述图像的中心点与所述检测界面的中心点在同一位置；
[0028] 以所述中心平移检测区为中心，分别设置用来检测图像在X轴平移的编辑事件的 X轴平移检测区、用来检测图像在Y轴平移的编辑事件的Y轴平移检测区、用来检测图像缩 放的编辑事件的缩放检测区和用来检测图像旋转的编辑事件的旋转检测区。
[0029] 优选地，所述当检测到停止编辑所述图像的编辑事件时，获取用来编辑所述图像 的停止位置编辑信息的步骤还包括：
[0030] 当检测到停止编辑所述图像的编辑事件时，获取所述图像当前的停止编辑位置坐 标，并将所述停止编辑位置坐标作为停止位置编辑信息。
[0031] 优选地，所述当检测到启动编辑所述图像的编辑事件时，获取用来编辑所述图像 的启动位置编辑信息的步骤包括：
[0032] 当在中心平移检测区、X轴平移检测区、Y轴平移检测区中的任意一个检测区检测 到启动编辑所述图像的编辑事件时，获取所述图像当前的图像矩阵和启动编辑位置坐标；
[0033] 利用所述图像的旋转角度，计算所述图像所在的当前坐标系的坐标系矩阵；
[0034] 保存包括所述图像矩阵、启动编辑位置坐标、坐标系矩阵的启动位置编辑信息。
[0035] 优选地，所述利用所述启动位置编辑信息和停止位置编辑信息，对所述图像进行 处理的步骤包括：
[0036] 利用所述启动位置编辑信息中的启动编辑位置坐标和所述停止编辑位置坐标，计 算所述图像从启动位置平移至停止位置的平移矩阵；
[0037] 利用所述平移矩阵、所述启动位置编辑信息中的坐标系矩阵和图像矩阵，计算所 述图像平移至停止位置时的图像矩阵。
[0038] 优选地，所述当检测到启动编辑所述图像的编辑事件时，获取用来编辑所述图像 的启动位置编辑信息的步骤包括：
[0039] 当在缩放检测区检测到启动编辑所述图像的编辑事件时，获取所述图像当前的缩 放值、中心点位置坐标和启动编辑位置坐标；
[0040] 利用所述中心点位置坐标和启动编辑位置坐标，计算中心点位置和启动编辑位置 之间的起始距离；
[0041] 保存包括当前的缩放值、起始距离的启动位置编辑信息。
[0042] 优选地，所述利用所述启动位置编辑信息和停止位置编辑信息，对所述图像进行 处理的步骤包括：
[0043] 利用所述停止编辑位置坐标和所述启动位置编辑信息中的中心点位置坐标，计算 中心点位置和停止编辑位置之间的当前距离；
[0044] 利用所述当前距离、所述启动位置编辑信息中的起始距离和缩放值，计算所述图 像经缩放编辑后的缩放值。
[0045] 优选地，所述当检测到启动编辑所述图像的编辑事件时，获取用来编辑所述图像 的启动位置编辑信息的步骤包括：
[0046] 当在旋转检测区检测到启动编辑所述图像的编辑事件时，获取所述图像当前的旋 转角度、中心点位置坐标和启动编辑位置坐标；
[0047] 保存包括旋转角度、中心点位置坐标和启动编辑位置坐标的启动位置编辑信息。
[0048] 优选地，所述利用所述启动位置编辑信息和停止位置编辑信息，对所述图像进行 处理的步骤包括：
[0049] 利用所述停止编辑位置坐标、所述启动位置编辑信息中的中心点位置坐标和启动 编辑位置坐标，计算启动位置和停止位置相对于中心点位置的相对角度；
[0050] 利用所述相对角度、所述启动位置编辑信息中的旋转角度，计算所述图像从启动 位置旋转至停止位置后的旋转角度。
[0051] 根据本发明的一个方面，提供了一种图像编辑装置，包括：
[0052] 选取模块，用于对待编辑的图像进行选取；
[0053] 界面创建模块，用于在所述图像上，建立用来检测关于所述图像的编辑事件的检 测界面；
[0054] 启动编辑模块，用于在所述检测界面内对启动编辑所述图像的编辑事件 进行检 测，并当检测到启动编辑所述图像的编辑事件时，获取用来编辑所述图像的启动位置编辑 信息；
[0055] 停止编辑模块，用于在所述检测界面内对停止编辑所述图像的编辑事件进行检 测，并当检测到停止编辑所述图像的编辑事件时，获取用来编辑所述图像的停止位置编辑 信息；
[0056] 图像处理模块，用于利用所述启动位置编辑信息和停止位置编辑信息，对所述图 像进行处理。
[0057] 与现有技术相比较，本发明的有益效果在于：
[0058] 1.本发明提供的集成操作方式使用户可以在不切换操作模式的情况下完成对图 像的平移旋转缩放操作；
[0059] 2.本发明解决了图像过大或过小会严重影响用户体验的问题；
[0060] 3.相比传统八点编辑框的解决方案，本发明给用户提供了更大的热区用于操作图 像的旋转，解决编辑热区小容易误操作的问题。
[0061] 4.本发明可以方便的对图像进行基于不同坐标系的单方向的平移。
【附图说明】
[0062] 图1是现有技术提供的FlashProfessional提供的八点编辑框；
[0063] 图2是本发明实施例提供的图像编辑方法原理框图；
[0064] 图3是本发明实施例提供的图像编辑装置框图；
[0065] 图4是本发明实施例提供的用户界面示意图；
[0066] 图5是本发明实施例提供的各热区范围示意图；
[0067] 图6是本发明实施例提供的非选取状态下平移方案流程图；
[0068] 图7是本发明实施例提供的选取状态下通过中心平移区触发平移的流程图；
[0069] 图8是本发明实施例提供的选取状态下通过平移X轴触发平移的流程图；
[0070] 图9是本发明实施例提供的选取状态下通过平移Y轴触发平移的流程图；
[0071] 图10是本发明实施例提供的选取状态下通过用户界面以外图像矩形区域以内的 区域触发平移的流程图；
[0072] 图11是本发明实施例提供的平移流程图；
[0073] 图12是本发明实施例提供的图像缩放前的缩放手柄示意图；
[0074] 图13是本发明实施例提供的图像缩放后的缩放手柄示意图。
【具体实施方式】
[0075] 以下结合附图对本发明的优选实施例进行详细说明，应当理解，以下所说明的优 选实施例仅用于说明和解释本发明，并不用于限定本发明。
[0076] 图2是本发明实施例提供的图像编辑方法原理框图，如图1所示，步骤包括；
[0077] 步骤S101 :对待编辑的图像进行选取。
[0078] 步骤S102 :在所述图像上，建立用来检测关于所述图像的编辑事件的检测界面。
[0079] 所述检测界面包括中心平移检测区、X轴平移检测区、Y轴平移检测区、缩放检测 区和旋转检测区，具体地说，在选取图像之后，获取所述图像的中心点位置坐标和所述图像 的旋转角度；利用所述图像的中心点位置坐标，设置所述中心平移检测区的中心点位置坐 标，使所述检测界面的中心点与所述图像的中心点在同一位置；所述检测界面的大小固定， 方向为X轴方向，具体根据所选坐标系不同而不同，如果选择世界坐标系，X轴方向为向右 方向，如果选择本地坐标系，X轴方向为被选图像的X轴方向。以所述中心平移检测区为中 心，分别设置用来检测图像在X轴平移的编辑事件的X轴平移检测区、用来检测图像在Y轴 平移的编辑事件的Y轴平移检测区、用来检测图像缩放的编辑事件的缩放检测区和用来检 测图像旋转的编辑事件的旋转检测区。
[0080] 步骤S103 :在所述检测界面内对启动编辑所述图像的编辑事件进行检测，并当检 测到启动编辑所述图像的编辑事件时，获取用来编辑所述图像的启动位置编辑信息。
[0081] 当需要对图像进行平移处理时，至少存在以下三种处理方式，即在中心平移检测 区触发平移操作，在X轴平移检测区触发X轴方向的平移操作，在Y轴平移检测区触发Y轴 方向的平移操作。具体地说，当在中心平移检测区、X轴平移检测区、Y轴平移检测区中的任 意一个检测区检测到启动编辑所述图像的编辑事件时，获取所述图像当前的图像矩阵和启 动编辑位置坐标；利用所述图像的旋转角度，计算所述图像所在的当前坐标系的坐标系矩 阵；保存包括所述图像矩阵、启动编辑位置坐标、坐标系矩阵的启动位置编辑信息。
[0082] 当需要对图像进行缩放处理时，即当在缩放检测区检测到启动编辑所述图像的编 辑事件时，获取所述图像当前的缩放值、中心点位置坐标和启动编辑位置坐标；利用所述中 心点位置坐标和启动编辑位置坐标，计算中心点位置和启动编辑位置之间的起始距离；保 存包括当前的缩放值、起始距离的启动位置编辑信息。
[0083] 当需要对图像进行旋转处理时，即当在旋转检测区检测到启动编辑所述图像的编 辑事件时，获取所述图像当前的旋转角度、中心点位置坐标和启动编辑位置坐标；保存包括 旋转角度、中心点位置坐标和启动编辑位置坐标的启动位置编辑信息。
[0084] 步骤S104 :在所述检测界面内对停止编辑所述图像的编辑事件进行检测，并当检 测到停止编辑所述图像的编辑事件时，获取用来编辑所述图像的停止位置编辑信息。
[0085] 当检测到停止编辑所述图像的编辑事件时，获取所述图像当前的停止编辑位置坐 标，并将所述停止编辑位置坐标作为停止位置编辑信息。
[0086] 步骤S105 :利用所述启动位置编辑信息和停止位置编辑信息，对所述图像进行处 理。
[0087] 对所述图像进行处理包括对图像进行平移处理、缩放处理、旋转处理，其中：
[0088] 平移处理步骤包括：利用所述启动位置编辑信息中的启动编辑位置坐标和所述停 止编辑位置坐标，计算所述图像从启动位置平移至停止位置的平移矩阵；利用所述平移矩 阵、所述启动位置编辑信息中的坐标系矩阵和图像矩阵，计算所述图像平移至停止位置时 的图像矩阵。
[0089] 缩放处理步骤包括：利用所述停止编辑位置坐标和所述启动位置编辑信息中的中 心点位置坐标，计算中心点位置和停止编辑位置之间的当前距离；利用所述当前距离、所述 启动位置编辑信息中的起始距离和缩放值，计算所述图像经缩放编辑后的缩放值。
[0090] 旋转步骤包括：利用所述停止编辑位置坐标、所述启动位置编辑信息中的中心点 位置坐标和启动编辑位置坐标，计算启动位置和停止位置相对于中心点位置的相对角度； 利用所述相对角度、所述启动位置编辑信息中的旋转角度，计算所述图像从启动位置旋转 至停止位置后的旋转角度。
[0091] 图3是本发明实施例提供的图像编辑装置框图，如图3所示，包括：
[0092] 选取模块10,用于对待编辑的图像进行选取；
[0093] 界面创建模块20,用于在所述图像上，建立用来检测关于所述图像的编辑事件的 检测界面，进一步地，检测界面在选取图像之后建立，包括中心平移检测区、X轴平移检测 区、Y轴平移检测区、缩放检测区和旋转检测区。
[0094] 启动编辑模块30,用于在所述检测界面内对启动编辑所述图像的编辑事件进行检 测，并当检测到启动编辑所述图像的编辑事件时，获取用来编辑所述图像的启动位置编辑 信息，进一步地，启动编辑所述图像的编辑事件包括用来启动平移图像的编辑事件、用来启 动缩放图像的编辑事件和用来启动旋转图像的编辑事件。
[0095] 停止编辑模块40,用于在所述检测界面内对停止编辑所述图像的编辑事件进行检 测，并当检测到停止编辑所述图像的编辑事件时，获取用来编辑所述图像的停止位置编辑 信息，进一步地，停止编辑所述图像的编辑事件包括用来停止平移图像的编辑事件、用来停 止缩放图像的编辑事件和用来停止旋转图像的编辑事件。
[0096] 图像处理模块50,用于利用所述启动位置编辑信息和停止位置编辑信息，对所述 图像进行处理，进一步地，所述 对图像进行处理包括对图像进行平移处理、缩放处理、旋转 处理。
[0097] 下面通过一个具体实施例对本发明的工作流程做进一步说明：
[0098] 1.前置条件：选择坐标系。
[0099] 默认情况使用世界坐标系，用户也可以选择本地坐标系。使用不同的坐标系的区 别在于提供的用户界面中平移X轴和平移Y轴的方向不同。选择坐标的用户操作方式并不 是本发明的重点，发明的重点是显示的用户界面会根据选择的坐标系显示不同方向的平移 X轴和平移Y轴，方便用户进行不用方向的平移操作。
[0100] 2.前置条件：选取图像。
[0101] 任何的编辑都是基于图像被选中的前提下完成的，但是选取操作本身并不是本发 明的重点，一般来说单击图片就能完成选取。
[0102] 3.为选取状态下的图像显示用户界面（相当于上述检测界面）。用户界面包含 中心平移区（即中间圆圈部分，相当于上述中心平移检测区），平移X轴（即方向向右的箭 头，相当于上述X轴平移检测区），平移Y轴（即方向向下的箭头，相当于上述Y轴平移检测 区），缩放手柄（位于圆圈左上方的手柄，相当于上述缩放检测区）。用户界面的中心始终 与被选取图像的中心重合，用户界面的大小固定，方向根据所选坐标系不同而不同，如图4 所示。如果选择世界坐标系，用户界面的方向始终为X轴指向右侧。如果选择本地坐标系， 用户界面的方向为X轴指向被选图像的X轴方向。
[0103] 例如，用户界面可以通过如下步骤生成：
[0104] 步骤1 :监测场景中图片的选中情况。
[0105] 步骤2 :当有图片选中时，获取被选中图片的中心点坐标（x，y)和旋转角度r.
[0106] 步骤3 :绘制用户界面
[0107] a)使用系统提供的绘图API分别绘制平移X轴，平移Y轴和缩放手柄；
[0108] b)将平移Y轴的角度设置为90度。
[0109] c)将缩放手柄的角度设置为-135度，长度设置为图片缩放比例乘以20
[0110] d)绘制中心的空心圆圈部分
[0111] 步骤4:将用户界面的坐标设置为（x，y)，角度设置为r。
[0112] 4.取消选取。
[0113] 为了不和其他的编辑操作发生冲突，取消选取由鼠标右键单击操作完成。用鼠标 右键单击操作场景界面中的任何地方实现取消选取（场景外例如面板按钮则无效）。如图 5所示的各热区范围，在图像的矩形区域内部拖左键拽触发平移，在图像的矩形区域外部左 键拖拽触发旋转，在全部区域内部右键单击触发取消选择。
[0114] 5.非选取状态下平移。
[0115] 在图像的矩形区域内，用鼠标按下左键，在不抬起左键的情况下移动鼠标（以后 简称左键拖拽），图像进入选取状态，同时开始跟随鼠标平移。
[0116] 具体流程如图6所示，步骤包括：
[0117] 步骤1 :在图像的矩形区域内监测鼠标左键按下的事件。
[0118] 步骤2 :鼠标左键按下时，记录当前的对象，当前鼠标位置为初始鼠标位置（即启 动编辑位置），同时开始监测鼠标移动事件。
[0119] 步骤3 :当鼠标移动时比较鼠标当前位置（即鼠标移动到的位置）和记录的初始 鼠标位置，判断两个位置之间的距离是否大于预定距离，例如10像素，如果是则执行步骤 4〇
[0120] 步骤4:当两个位置的距离超过10像素时，将记录的当前对象设置为选中对象，并 开始平移操作流程。
[0121] 6.选取状态下平移，有四种方式：
[0122] 第一种方式：在提供的用户界面的中心平移区，使用鼠标左键拖拽，图像开始跟随 鼠标平移，具体流程如图 7所示，步骤包括：
[0123] 步骤1 :在用户界面的中心平移区监测鼠标左键按下的事件。
[0124] 步骤2:鼠标左键按下时，开始平移操作流程
[0125] 第二种方式：在提供的用户界面的平移X轴上，使用鼠标左键拖拽，图像开始跟随 鼠标在X轴指向的方向上平移，具体流程如图8所示，步骤包括：
[0126] 步骤1 :在用户界面的平移X轴上监测鼠标左键按下的事件。
[0127] 步骤2:鼠标左键按下时，标记X轴平移，开始平移操作流程。
[0128] 第三种方式：在提供的用户界面的平移Y轴上，使用鼠标左键拖拽，图像开始跟随 鼠标在Y轴指向的方向上平移，具体流程如图9所示，步骤包括：
[0129] 步骤1 :在用户界面的平移Y轴上监测鼠标左键按下的事件。
[0130] 步骤2 :鼠标左键按下时，标记Y轴平移，开始平移操作流程。
[0131] 第四种方式：在提供的用户界面以外图像矩形区域以内的区域，使用鼠标左键拖 拽，图像开始跟随鼠标平移。需要注意的是，如果图像矩形区域小于用户界面区域，则这种 方式不会被触发。
[0132] 具体流程如图10所示，步骤包括：
[0133] 步骤1 :在图像的矩形区域内监测鼠标左键按下的事件。
[0134] 步骤2 :鼠标左键按下时，标记X轴平移，开始平移操作流程。
[0135] 平移流程如图11所示，步骤包括：
[0136] 步骤1:记录相关信息。
[0137] 步骤a:记录目标图像当前矩阵为M，记录当前鼠标坐标点（即启动编辑位置坐 标）为（X，y)?
[0138] 步骤b:计算当前坐标系的旋转角度0，如果当前坐标系为世界坐标系，0 =0; 如果当前坐标系为本地坐标系，0 =目标图像的旋转角度。
[0139] 步骤c:计算当前坐标系的坐标系矩阵CM。
[0141] 步骤2 :监听鼠标是否移动或左键抬起，若监听到鼠标移动事件，则执行步骤3,若 监听到鼠标左键抬起事件，停止监听鼠标移动事件和鼠标左键抬起事件，平移操作流程结 束。
[0142] 步骤3:每当鼠标移动时，记录当前鼠标坐标为（x'，y'）。
[0143] 步骤4 :计算目标图像新的矩阵M'并设置，方法如下：
[0144] 1)计算平移矩阵TM。
[0146] 2)计算选中坐标系下的平移矩阵CTM。
[0147] CTM=CM*TM
[0148] 3)如果标记X轴平移，设置y分量为0,即CTM.ty= 0 ;如果标记Y轴平移，设置x 分量为〇,即CTM.tx= 0。
[0149] 4)将坐标系矩阵CM转置得到CM'
[0150] 5)修改平移矩阵
[0151] TM=CM4*CTM
[0152] 6)计算M'
[0153] M'=TM*M;
[0154] 7.选取状态下旋转。
[0155] 在图像矩形区域外；提供的用户界面以外；操作场景界面内的区域，使用鼠标左 键拖拽，图像开始跟随鼠标旋转。
[0156] 步骤1 :在编辑区背景上监控鼠标左键按下的事件。因为背景在用户界面和图像 的下面，所以只有当鼠标在图像矩形区域和用户界面以外时，才会触发事件。
[0157] 步骤2 :鼠标左键按下时，记录目标图像当前旋转角度为0，记录目标图像中心点 CP(cx,cy)，记录当前鼠标坐标点（即启动编辑位置坐标）为P(x,y)。
[0158] 步骤3 :监听鼠标移动事件，监听鼠标抬起事件。
[0159] 步骤4 :每当鼠标移动时，记录当前鼠标坐标为P'（x'，y'）。
[0160] 步骤5 :计算P和P'相对CP连线的夹角d0。
[0161] 步骤6 :设置目标图像新的旋转角度0 ' = 0+d0。
[0162] 步骤7 :当鼠标抬起时，停止监听鼠标移动事件和鼠标抬起事件，旋转操作流程结 束。
[0163] 8?选取状态下缩放。
[0164] 在提供的用户界面的缩放手柄上 ，使用鼠标左键拖拽，图像开始跟随鼠标进行等 比缩放。
[0165] 步骤1 :在用户界面的缩放手柄上监测鼠标左键按下的事件。
[0166] 步骤2 :鼠标左键按下时，记录目标图像当前缩放值S，记录目标图像中心点 CP(cx，cy)，记录当前鼠标坐标点（即启动编辑位置坐标）为P(x，y)，计算P和CP两点间距 离D〇
[0167] 步骤3:每当鼠标移动时，记录当前鼠标坐标为P'（x'，y'），计算P'和CP两点间 距离D'。
[0168] 步骤4 :设置目标图像新的缩放值S' =S*D' /D。
[0169] 缩放前后，除手柄外，其他用户界面的尺寸都是不变的。而手柄的长度会随着图片 缩放比例而变化，缩放比越大，手柄越长，如图12和13所示。
[0170] 9.信息输入框辅助用户输入平移，旋转，缩放的绝对值。
[0171] 信息输入框的用户界面和操作方式不是本发明的重点，只是做为本发明功能的补 充而存在。
[0172] 上述流程中，当用户鼠标左键第一次按下时，本发明能够检测到启动编辑所述图 像的编辑事件，并记录图像编辑启动时的相关信息，即启动位置编辑信息；当用户鼠标左键 第二次按下时，本发明能够检测到停止编辑所述图像的编辑事件，并记录图像编辑停止时 的相关信息，即停止位置编辑信息。
[0173] 作为一种实施例，可以将本发明用在DragonBones动画编辑器，DragonBones动画 编辑器是一个基于PC的桌面应用程序，支持动画制作，时间轴编辑等等。在DragonBones 动画编辑器中，用户可以将本机图片导入到编辑器中，并可以选中任何图片并进行平移缩 放旋转的编辑。技术上，本发明可以在任何桌面图像处理软件中使用。
[0174] 尽管上文对本发明进行了详细说明，但是本发明不限于此，本技术领域技术人员 可以根据本发明的原理进行各种修改。因此，凡按照本发明原理所作的修改，都应当理解为 落入本发明的保护范围。
【主权项】
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. -种图像编辑装置，其特征在于，包括： 选取模块，用于对待编辑的图像进行选取； 界面创建模块，用于在所述图像上，建立用来检测关于所述图像的编辑事件的检测界 面； 启动编辑模块，用于在所述检测界面内对启动编辑所述图像的编辑事件进行检测，并 当检测到启动编辑所述图像的编辑事件时，获取用来编辑所述图像的启动位置编辑信息； 停止编辑模块，用于在所述检测界面内对停止编辑所述图像的编辑事件进行检测，并 当检测到停止编辑所述图像的编辑事件时，获取用来编辑所述图像的停止位置编辑信息； 图像处理模块，用于利用所述启动位置编辑信息和停止位置编辑信息，对所述图像进 行处理。
【专利摘要】本发明公开了一种图像编辑方法及装置，涉及图像处理领域，所述方法包括：对待编辑的图像进行选取；在所述图像上，建立用来检测关于所述图像的编辑事件的检测界面；在所述检测界面内对启动编辑所述图像的编辑事件进行检测，并当检测到启动编辑所述图像的编辑事件时，获取用来编辑所述图像的启动位置编辑信息；在所述检测界面内对停止编辑所述图像的编辑事件进行检测，并当检测到停止编辑所述图像的编辑事件时，获取用来编辑所述图像的停止位置编辑信息；利用所述启动位置编辑信息和停止位置编辑信息，对所述图像进行处理。本发明能够集成式的对图像进行平移旋转缩放，适用于不同尺寸的图像。
【IPC分类】G06T11/80
【公开号】CN104899911
【申请号】CN201510312743
【发明人】刘晨光
【申请人】北京白鹭时代信息技术有限公司
【公开日】2015年9月9日
【申请日】2015年6月9日
最新回复(0)