CN110908585B

CN110908585B - 图片处理的方法及装置

Info

Publication number: CN110908585B
Application number: CN201911209998.5A
Authority: CN
Inventors: 吴帆; 陈俊斌; 黄宇翔; 张闽; 陈尚荣
Original assignee: Gaoding Xiamen Technology Co Ltd
Current assignee: Gaoding Xiamen Technology Co Ltd
Priority date: 2019-11-29
Filing date: 2019-11-29
Publication date: 2021-10-29
Anticipated expiration: 2039-11-29
Also published as: CN110908585A

Abstract

本申请公开了一种图片处理的方法及装置。该申请的方法包括当图片处于未编辑状态时，将手势操作分配给第一层容器的视图滑动切换工具进行多张图片的切换；当图片处于编辑状态时，将手势操作分配给第二层容器的画布容器对当前视图中的图片编辑处理，并且限制第一层容器调用单指手势操作。本申请解决现有的图片编辑处理无法同时对多张图片进行批量处理的问题。

Description

图片处理的方法及装置

技术领域

本申请涉及数据处理技术领域，具体而言，涉及一种图片处理的方法及装置。

背景技术

随着人们对图片效果的更高的要求，大量的P图软件出现，使用户可以轻松的方便的对图片进行自定义的编辑处理。目前的P图软件中对于图片的编辑处理通常只限于一次对一张图片进行处理，无法同时对多张图片进行批量的编辑处理。

发明内容

本申请的主要目的在于提供一种图片处理的方法及装置，以解决现有的图片编辑处理无法同时对多张图片进行批量处理的问题。

为了实现上述目的，根据本申请的第一方面，提供了一种图片处理的方法。

根据本申请的图片处理的方法包括：

当图片处于未编辑状态时，将手势操作分配给第一层容器的视图滑动切换工具进行多张图片的切换；

当图片处于编辑状态时，将手势操作分配给第二层容器的画布容器对当前视图中的图片编辑处理，并且限制第一层容器调用手势操作。

进一步的，所述图片处于编辑状态包括对当前视图中的图片进行编辑和对当前视图中的图片中添加的元素进行编辑，所述将手势操作分配给第二层容器的画布容器对当前视图中的图片编辑处理包括：

若图片处于编辑状态为对当前视图中的图片进行编辑，则将手势操作分配给第二层容器的画布容器对当前视图中的图片编辑处理；

若图片处于编辑状态为对当前视图中的图片中添加的元素进行编辑，则将手势操作分配给第三层容器的元素对添加的元素进行编辑，并且限制第二层容器调用手势操作。

进一步的，所述未编辑状态包括图片未选中或者未放大或者未添加元素或者添加的元素处于未选中状态。

进一步的，若当前视图中图片处于放大状态，所述将手势操作分配给第二层容器的画布容器对当前视图中的图片编辑处理方法还包括：

判断当前视图中的图片的边缘与当前视图的边缘是否重合；

若当前视图中的图片的左边缘与当前视图的左边缘重合，则将单指向右滑动的手势操作分配给第一层容器的视图滑动切换工具进行图片的切换；

若当前视图中的图片的右边缘与当前视图的右边缘重合，则将单指向左滑动的手势操作分配给第一层容器的视图滑动切换工具进行图片的切换。

进一步的，所述分配给第一层容器的视图滑动切换工具的手势操作包括单指移动、双指缩放，分配给第二层容器的画布容器的手势操作包括单指移动、双指缩放、双指旋转；分配给第三层容器的元素的手势操作包括单指选中、单指移动、单指绘制、双指缩放、双指旋转。

进一步的，所述方法还包括：

设置第一层容器、第二层容器、第三层容器的优先级；

按照优先级的高低顺序将手势操作分配给对应层级的容器。

进一步的，所述若图片处于编辑状态为对当前视图中的图片中添加的元素进行编辑，则将手势操作分配给第三层容器的元素对添加的元素进行编辑，并且限制第二层容器调用手势操作包括：

判断元素是否为涂抹元素；

若元素不是涂抹元素，则将手势操作操作分配给第三层容器的元素对添加的元素进行编辑，并且限制第二层容器调用手势操作；

若元素为涂抹元素，则判断涂抹元素是否为选中状态；

若为选中状态，则将手势操作分配给第三层容器的元素对添加的元素进行编辑，并且限制第二层容器调用手势操作；

若不是选中状态，则将单指手势操作分配给第三层容器的元素以进行涂抹元素的绘制；并且，

将双指手势操作分配给第二层容器的画布容器，以对在其上绘制涂抹元素的图片进行双指操作。

进一步的，所述将手势操作分配给第三层容器的元素对添加的元素进行编辑还包括：

若手势操作为单指点击操作，则判断单指点击的位置；

若在元素内，且该元素为未选中状态，则将该元素从未选中状态修改为选中状态；

若在元素外，且该元素为选中状态，则将该元素从选中状态修改为未选中状态。

为了实现上述目的，根据本申请的第二方面，提供了一种图片处理的装置。

根据本申请的图片处理的装置包括：

第一分配单元，用于当图片处于未编辑状态时，将手势操作分配给第一层容器的视图滑动切换工具进行多张图片的切换；

第二分配单元，用于当图片处于编辑状态时，将手势操作分配给第二层容器的画布容器对当前视图中的图片编辑处理，并且限制第一层容器调用手势操作。

进一步的，所述图片处于编辑状态包括对当前视图中的图片进行编辑和对当前视图中的图片中添加的元素进行编辑，所述第二分配单元，包括：

第一分配模块，用于若图片处于编辑状态为对当前视图中的图片进行编辑，则将手势操作分配给第二层容器的画布容器对当前视图中的图片编辑处理；

第二分配模块，用于若图片处于编辑状态为对当前视图中的图片中添加的元素进行编辑，则将手势操作分配给第三层容器的元素对添加的元素进行编辑，并且限制第二层容器调用手势操作。

进一步的，若当前视图中图片处于放大状态，所述第二分配单元还包括：

判断模块，用于判断当前视图中的图片的边缘与当前视图的边缘是否重合；

第三分配模块，用于若当前视图中的图片的左边缘与当前视图的左边缘重合，则将单指向右滑动的手势操作分配给第一层容器的视图滑动切换工具进行图片的切换；

所述第三分配模块，还用于若当前视图中的图片的右边缘与当前视图的右边缘重合，则将单指向左滑动的手势操作分配给第一层容器的视图滑动切换工具进行图片的切换。

进一步的，所述分配给第一层容器的视图滑动切换工具的手势操作包括单指移动，分配给第二层容器的画布容器的手势操作包括单指移动、双指缩放、双指旋转；分配给第三层容器的元素的手势操作包括单指选中、单指移动、单指绘制、双指缩放、双指旋转。

进一步的，所述装置还包括：

设置单元，用于设置第一层容器、第二层容器、第三层容器的优先级；

第三分配单元，用于按照优先级的高低顺序将手势操作分配给对应层级的容器。

进一步的，所述第二分配模块，用于：

判断元素是否为涂抹元素；

若元素为涂抹元素，则判断涂抹元素是否为选中状态；

进一步的，所述第二分配模块还用于：

若手势操作为单指点击操作，则判断单指点击的位置；

为了实现上述目的，根据本申请的第三方面，提供了一种非暂态计算机可读存储介质，所述非暂态计算机可读存储介质存储计算机指令，所述计算机指令使所述计算机执行上述第一方面中任一项所述的图片处理的方法。

在本申请实施例中，图片处理的方法及装置中，当图片处于未编辑状态时，将手势操作分配给第一层容器的视图滑动切换工具进行多张图片的切换；当图片处于编辑状态时，将手势操作分配给第二层容器的画布容器对当前视图中的图片的编辑处理，并且限制第一层容器调用手势操作。可以看出，本申请中可以进行多张图片的切换，当需要对哪张图片进行编辑就切换到哪张图片进行编辑，因此能够实现同时对批量的图片进行编辑处理。

附图说明

构成本申请的一部分的附图用来提供对本申请的进一步理解，使得本申请的其它特征、目的和优点变得更明显。本申请的示意性实施例附图及其说明用于解释本申请，并不构成对本申请的不当限定。在附图中：

图1是根据本申请实施例提供的一种图片处理的方法流程图；

图2是根据本申请实施例提供的另一种图片处理的方法流程图；

图3是根据本申请实施例提供的一种图片处理流程中的效果示意图；

图4是根据本申请实施例提供的另一种图片处理流程中的效果示意图；

图5是根据本申请实施例提供的再一种图片处理流程中的效果示意图；

图6是根据本申请实施例提供的一种图片处理的装置的组成框图；

图7是根据本申请实施例提供的另一种图片处理的装置的组成框图。

具体实施方式

为了使本技术领域的人员更好地理解本申请方案，下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请一部分的实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都应当属于本申请保护的范围。

需要说明的是，本申请的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本申请的实施例。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、***、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。

需要说明的是，在不冲突的情况下，本申请中的实施例及实施例中的特征可以相互组合。下面将参考附图并结合实施例来详细说明本申请。

根据本申请实施例，提供了一种图片处理的方法，如图1所示，该方法包括如下的步骤：

S101.当图片处于未编辑状态时，将手势操作分配给第一层容器的视图滑动切换工具进行多张图片的切换。

未编辑状态包括图片未选中或者未放大或者未添加元素或者添加的元素处于未选中状态。在当前视图中的图片处于未编辑状态时，将手势操作交给第一层容器的视图滑动切换工具ViewPager，此时用户可通过单指向左或向右滑动来展示其他需要编辑的图片。需要说明的是，在进行图片切换的过程中，屏幕中除了图片进行切换改变外，其他显示内容都不改变。即不需要退出当前编辑页面，相当于可以同时对多张图片进行编辑处理。需要说明的是，本实施例主要针对通过手势操作进行编辑处理。

S102.当图片处于编辑状态时，将手势操作分配给第二层容器的画布容器对当前视图中的图片编辑处理，并且限制第一层容器调用手势操作。

当图片处于编辑状态时，表示正在对当前视图中的图片进行编辑处理。比如移动、放大、缩小、添加文字、图片等等。在对当前视图中的图片进行编辑处理时，也需要用到手势处理，为了防止在对当前视图中的图片进行编辑处理的过程中误跳转到其他图片中，本实施例将切换图片与对图片进行编辑处理分为两层容器。对当前视图中的编辑处理对应第二层容器，在当前视图中的图片处于编辑状态时，将手势操作分配给第二层容器的画布容器对当前视图中的图片编辑处理，并且限制第一层容器调用手势操作即第一层的ViewPager接收不到手势，这样就可以保证不会误跳转到其他图片。

本实施例是通过多层容器来处理手势操作，实现对多张图片同时处理的效果。

从以上的描述中，可以看出，本申请实施例的图片处理的方法中，当图片处于未编辑状态时，将手势操作分配给第一层容器的视图滑动切换工具进行多张图片的切换；当图片处于编辑状态时，将手势操作分配给第二层容器的画布容器对当前视图中的图片的编辑处理，并且限制第一层容器调用手势操作。可以看出，本申请中可以进行多张图片的切换，当需要对哪张图片进行编辑就切换到哪张图片进行编辑，因此能够实现同时对批量的图片进行编辑处理。

作为上述实施例的进一步的补充和细化，根据本申请实施例，提供了另一种图片处理的方法，如图2所示，该方法包括如下的步骤：

S201.当图片处于未编辑状态时，将手势操作分配给第一层容器的视图滑动切换工具进行多张图片的切换。

本步骤的实现方式与图步骤S101的实现方式相同，此处不再赘述。

S202.若图片处于编辑状态为对当前视图中的图片进行编辑，则将手势操作分配给第二层容器的画布容器对当前视图中的图片编辑处理。

本步骤的实现方式可以参见图1步骤S102的实现方式。除此之外，在操作的过程中还存在一种特殊的情况需要说明，如图3和图4所示。

若当前视图中图片处于放大状态，将手势操作分配给第二层容器的画布容器对当前视图中的图片编辑处理方法还包括：

首先，判断当前视图中的图片的边缘与当前视图的边缘是否重合；

其次，若当前视图中的图片的左边缘与当前视图的左边缘重合，则将单指向右滑动的手势操作分配给第一层容器的视图滑动切换工具进行图片的切换；若当前视图中的图片的右边缘与当前视图的右边缘重合，则将单指向左滑动的手势操作分配给第一层容器的视图滑动切换工具进行图片的切换。

S203.若图片处于编辑状态为对当前视图中的图片中添加的元素进行编辑，则将手势操作分配给第三层容器的元素对添加的元素进行编辑，并且限制第二层容器调用手势操作。

当需要对图片上添加的元素进行编辑时，为了方便编辑，也会用到手势处理，但是为了在对图片上添加的元素进行编辑时，不会产生对图片(相对于添加的元素为背景图)的误操作，手势只对添加的元素发挥作用，因此设置了第三层容器，在对当前视图中的图片中添加的元素进行编辑，则将手势操作分配给第三层容器的元素对添加的元素View进行编辑，并且限制第二层容器和第一层容器调用手势操作。

通常的添加的元素包括普通元素(如贴纸、文字、水印、加图等)和涂抹元素(马赛克、圈点、箭头等)，在这种情况下，涂抹元素的优先级最高，具体的，在将手势操作进行分配时需要根据是否为涂抹元素，元素是否为选中状态等进行区分，具体的分配过程如下：首先，判断元素是否为涂抹元素；若元素不是涂抹元素，则将手势操作操作分配给第三层容器的元素对添加的元素进行编辑(单指移动、单指绘制、单指选中、双指缩放、双指旋转等)，并且限制第二层容器调用手势操作；若元素为涂抹元素，则判断涂抹元素是否为选中状态；若为选中状态，则将手势操作分配给第三层容器的元素对添加的元素进行编辑(单指移动、单指选中、双指旋转等)，并且限制第二层容器调用手势操作；若不是选中状态，则将单指手势操作分配给第三层容器的元素以进行涂抹元素的绘制；并且，将双指手势操作分配给第二层容器的画布容器，以对在其上绘制涂抹元素的图片进行双指操作。将双指手势操作分配给第二层容器的画布容器是为了满足用户绘制涂抹类元素时，为了精准定位需要涂抹的位置需要将背景图片进行放大的需求。需要说明的是，在实际的应用中，在选择涂抹元素或者进入涂抹功能面板时，会将限制其他非涂抹类元素的手势操作。例如：当绘制完贴纸后，进入圈点功能面板时，无论单指DOWN事件在不在贴纸里，都会将接下来的MOVE事件交给圈点元素，实现圈点元素的绘制，不会将贴图从未选中变成选中状态，如图5所示，其中“美颜必备”是贴纸，矩形框是圈点元素。

另外需要说明的是，在对元素进行编辑时(不包括涂抹元素绘制)，首先需要选中元素，使元素处于选中状态，然后在选中状态下进行编辑。具体的，在实际的操作中，若手势操作为单指点击操作，则判断单指点击的位置；若在元素内，且该元素为未选中状态，则将该元素从未选中状态修改为选中状态；如果当前已是选中状态，则再次点击元素内时忽略此事件；若在元素外，且该元素为选中状态，则将该元素从选中状态修改为未选中状态。

另外，从图1和图2中图片的处理方法中可以看出，本实施例是通过多层容器来处理手势操作，可以实现复杂的手势操作来进行图片的编辑处理。在上述方法实现的过程中，还可以设置第一层容器、第二层容器、第三层容器的优先级；按照优先级的高低顺序将手势操作分配给对应层级的容器。按照上述实施例的说明，可以看到是第三层容器的优先级最高，第二层容器次之，第一层容器的优先级最低。

综上，分配给第一层容器的视图滑动切换工具的手势操作包括单指移动，分配给第二层容器的画布容器的手势操作包括单指移动、双指缩放、双指旋转；分配给第三层容器的元素View的手势操作包括单指选中、单指移动、单指绘制、双指缩放、双指旋转。在图片处于放大状态时，对添加的元素进行移动时，需要通过计算缩放值，来实现手指移动距离与元素移动距离同步。此外，对于所有的操作都可以通过“撤销”、“恢复”按钮实现操作的撤销和恢复，非常方便。

最后，对图1和图2实施例的有益效果进行总结：

1)定义了3个层级的手势操作优先级，各个层级在合适的时机下拦截和处理手势操作，实现对应的功能。可以实现多张图片同时编辑处理和复杂的手势操作和管理。

2)如果元素处于选中状态时，则双指缩放的是元素，而且元素缩放、旋转操作，不局限于现有技术中的选中状态下边框中的按钮事件中，而是手指在整个画布上操作时，都可以将手势操作传给元素；同理，移动元素也是如此，这一点更加人性化；

3)如果元素处于非选中状态时，则双指实现缩放画布(背景图片)，放大画布是为了让用户在添加元素时，位置更加精准，不遮挡其他区域；

4)在图片处于放大状态时，对添加的元素进行移动时，需要通过计算缩放值，来实现手指移动距离与元素移动距离同步；

5)增加了“撤销”、“恢复”按钮实现操作的撤销和恢复，非常方便。

需要说明的是，在附图的流程图示出的步骤可以在诸如一组计算机可执行指令的计算机***中执行，并且，虽然在流程图中示出了逻辑顺序，但是在某些情况下，可以以不同于此处的顺序执行所示出或描述的步骤。

根据本申请实施例，还提供了一种用于实施上述图1至图2所述方法的图片处理的装置，如图6所示，该装置包括：

第一分配单元31，用于当图片处于未编辑状态时，将手势操作分配给第一层容器的视图滑动切换工具进行多张图片的切换；

第二分配单元32，用于当图片处于编辑状态时，将手势操作分配给第二层容器的画布容器对当前视图中的图片编辑处理，并且限制第一层容器调用手势操作。

从以上的描述中，可以看出，本申请实施例的图片处理的装置中，当图片处于未编辑状态时，将手势操作分配给第一层容器的视图滑动切换工具进行多张图片的切换；当图片处于编辑状态时，将手势操作分配给第二层容器的画布容器对当前视图中的图片的编辑处理，并且限制第一层容器调用手势操作。可以看出，本申请中可以进行多张图片的切换，当需要对哪张图片进行编辑就切换到哪张图片进行编辑，因此能够实现同时对批量的图片进行编辑处理。

进一步的，所述图片处于编辑状态包括对当前视图中的图片进行编辑和对当前视图中的图片中添加的元素进行编辑，如图7所示，所述第二分配单元32，包括：

第一分配模块321，用于若图片处于编辑状态为对当前视图中的图片进行编辑，则将手势操作分配给第二层容器的画布容器对当前视图中的图片编辑处理；

第二分配模块322，用于若图片处于编辑状态为对当前视图中的图片中添加的元素进行编辑，则将手势操作分配给第三层容器的元素对添加的元素进行编辑，并且限制第二层容器调用手势操作。

进一步的，若当前视图中图片处于放大状态，如图7所示，所述第二分配单元32还包括：

判断模块323，用于判断当前视图中的图片的边缘与当前视图的边缘是否重合；

第三分配模块324，用于若当前视图中的图片的左边缘与当前视图的左边缘重合，则将单指向右滑动的手势操作分配给第一层容器的视图滑动切换工具进行图片的切换；

所述第三分配模块324，还用于若当前视图中的图片的右边缘与当前视图的右边缘重合，则将单指向左滑动的手势操作分配给第一层容器的视图滑动切换工具进行图片的切换。

进一步的，如图7所示，所述装置还包括：

设置单元33，用于设置第一层容器、第二层容器、第三层容器的优先级；

第三分配单元34，用于按照优先级的高低顺序将手势操作分配给对应层级的容器。

进一步的，所述第二分配模块322用于：

判断元素是否为涂抹元素；

若元素为涂抹元素，则判断涂抹元素是否为选中状态；

进一步的，所述第二分配模块322还用于：

若手势操作为单指点击操作，则判断单指点击的位置；

具体的，本申请实施例的装置中各单元、模块实现其功能的具体过程可参见方法实施例中的相关描述，此处不再赘述。

根据本申请实施例，还提供了一种非暂态计算机可读存储介质，所述非暂态计算机可读存储介质存储计算机指令，所述计算机指令使所述计算机执行图1至图2中任一所述的图片处理的方法。

显然，本领域的技术人员应该明白，上述的本申请的各模块或各步骤可以用通用的计算装置来实现，它们可以集中在单个的计算装置上，或者分布在多个计算装置所组成的网络上，可选地，它们可以用计算装置可执行的程序代码来实现，从而，可以将它们存储在存储装置中由计算装置来执行，或者将它们分别制作成各个集成电路模块，或者将它们中的多个模块或步骤制作成单个集成电路模块来实现。这样，本申请不限制于任何特定的硬件和软件结合。

以上所述仅为本申请的优选实施例而已，并不用于限制本申请，对于本领域的技术人员来说，本申请可以有各种更改和变化。凡在本申请的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本申请的保护范围之内。

Claims

1.一种图片处理的方法，其特征在于，所述方法包括：

当图片处于未编辑状态时，将手势操作分配给第一层容器的视图滑动切换工具进行多张图片的切换；所述未编辑状态包括图片未选中或者未放大或者未添加元素或者添加的元素处于未选中状态；

当图片处于编辑状态时，将手势操作分配给第二层容器的画布容器对当前视图中的图片编辑处理，并且限制第一层容器调用单指手势操作；所述图片处于编辑状态包括对当前视图中的图片进行编辑和对当前视图中的图片中添加的元素进行编辑；

所述将手势操作分配给第二层容器的画布容器对当前视图中的图片编辑处理包括：

若图片处于编辑状态为对当前视图中的图片中添加的元素进行编辑，则将手势操作分配给第三层容器的元素对添加的元素进行编辑，并且限制第二层容器调用手势操作；

若当前视图中图片处于放大状态，所述将手势操作分配给第二层容器的画布容器对当前视图中的图片编辑处理方法还包括：

判断当前视图中的图片的边缘与当前视图的边缘是否重合；

若当前视图中的图片的右边缘与当前视图的右边缘重合，则将单指向左滑动的手势操作分配给第一层容器的视图滑动切换工具进行图片的切换；

所述方法还包括：在图片处于放大状态时，对添加的元素进行移动时需要通过计算缩放值，来实现手指移动距离与元素移动距离同步；

所述若图片处于编辑状态为对当前视图中的图片中添加的元素进行编辑，则将手势操作分配给第三层容器的元素对添加的元素进行编辑，并且限制第二层容器调用手势操作包括：

判断元素是否为涂抹元素；

若元素为涂抹元素，则判断涂抹元素是否为选中状态；

2.根据权利要求1所述的图片处理的方法，其特征在于，所述分配给第一层容器的视图滑动切换工具的手势操作包括单指移动，分配给第二层容器的画布容器的手势操作包括单指移动、双指缩放、双指旋转；分配给第三层容器的元素的手势操作包括单指选中、单指移动、单指绘制、双指缩放、双指旋转。

3.根据权利要求1所述的图片处理的方法，其特征在于，所述方法还包括：

设置第一层容器、第二层容器、第三层容器的优先级；

按照优先级的高低顺序将手势操作分配给对应层级的容器。

4.根据权利要求1所述的图片处理的方法，其特征在于，所述将手势操作分配给第三层容器的元素对添加的元素进行编辑还包括：

若手势操作为单指点击操作，则判断单指点击的位置；

5.一种图片处理的装置，其特征在于，所述装置包括：

第二分配单元，用于当图片处于编辑状态时，将手势操作分配给第二层容器的画布容器对当前视图中的图片编辑处理，并且限制第一层容器调用手势操作；

所述图片处于编辑状态包括对当前视图中的图片进行编辑和对当前视图中的图片中添加的元素进行编辑，所述第二分配单元，包括：

第二分配模块，用于若图片处于编辑状态为对当前视图中的图片中添加的元素进行编辑，则将手势操作分配给第三层容器的元素对添加的元素进行编辑，并且限制第二层容器调用手势操作；

所述未编辑状态包括图片未选中或者未放大或者未添加元素或者添加的元素处于未选中状态；

判断当前视图中的图片的边缘与当前视图的边缘是否重合；

还包括：在图片处于放大状态时，对添加的元素进行移动时需要通过计算缩放值，来实现手指移动距离与元素移动距离同步；

判断元素是否为涂抹元素；

若元素为涂抹元素，则判断涂抹元素是否为选中状态；

6.一种非暂态计算机可读存储介质，其特征在于，所述非暂态计算机可读存储介质存储计算机指令，所述计算机指令使所述计算机执行权利要求1至权利要求4中任一项所述的图片处理的方法。