CN104391681A - 基于移动终端的图片擦除实现方法及装置 - Google Patents

Abstract

本发明公开了一种基于移动终端的图片擦除实现方法及装置，上述方法包括：响应用户在图片上执行的滑动操作，根据滑动轨迹确定所述图片中待擦除的闭合区域；调用图像处理函数对所述闭合区域中图像进行挖空处理或者将所述闭合区域中图像设置成透明状态。根据本发明提供的技术方案，对于在触摸屏移动终端上展示的图像，在需要进行擦除操作时，用户操作便利，从而大大提高了用户体验。

Description

基于移动终端的图片擦除实现方法及装置

技术领域

本发明涉及通信领域，具体而言，涉及一种基于移动终端的图片擦除实现方法及装置。

背景技术

目前，随着移动互联网高速发展，各种移动终端（例如，手机）的应用软件层出不穷。在众多移动终端的应用软件中，你会发现不乏各种对图片进行处理或操作的应用软件。例如：有的软件提供了对图片进行裁剪、拼接、压缩等功能，有的软件则提供对图片进行渲染、变换、涂丫等功能。

但是，对于提供上述功能的软件，通常需要用户对软件使用方法有一定了解，这给初次使用者的操作带来了不便。并且，相关技术中，对于经过擦除处理的图像，通常图像展现不够生动，趣味性也不强，因而导致用户体验大大降低。

发明内容

本发明提供了一种图像擦除实现方法及装置，以至少解决相关技术中基于移动终端进行图像擦除处理时，用户操作不便的问题。

根据本发明的一个方面，提供了一种基于移动终端的图片擦除实现方法。

根据本发明的基于移动终端的图片擦除实现方法包括：响应用户在图片上执行的滑动操作，根据滑动轨迹确定所述图片中待擦除的闭合区域；调用图像处理函数对所述闭合区域中图像进行挖空处理或者将所述闭合区域中图像设置成透明状态。

根据本发明的一个方面，提供了一种基于移动终端的图片擦除实现装置。

根据本发明的基于移动终端的图片擦除实现装置包括：确定模块，用于响应用户在图片上执行的滑动操作，根据滑动轨迹确定所述图片中待擦除的闭合区域；设置模块，用于调用图像处理函数对所述闭合区域中图像进行挖空处理或者将所述闭合区域中图像设置成透明状态。

与现有技术相比，本发明实施例至少具有以下优点：对于在触摸屏移动终端上展示的图像，在需要进行擦除操作时，用户操作便利，从而大大提高了用户体验。

附图说明

图1是根据本发明实施例的基于移动终端的图片擦除实现方法的流程图；

图2是根据本发明优选实施例的手机屏幕坐标系及滑动示意图；

图3是根据本发明优选实施例的滑动轨迹为一条直线段的待擦除闭合区域的示意图；

图4是根据本发明优选实施例的滑动轨迹为多条直线段组合的曲线的待擦除闭合区域的示意图；

图5是根据本发明实例的不规则擦除效果的截屏图；

图6是根据本发明优选实施例的采用网格计算擦除百分比的示意图；

图7是根据本发明优选实施例的基于移动终端的图片擦除实现装置的结构框图；以及

图8是根据本发明优选实施例的基于移动终端的图片擦除实现装置的结构框图。

具体实施方式

下面结合说明书附图对本发明的具体实现方式做一详细描述。

图1是根据本发明实施例的基于移动终端的图片擦除实现方法的流程图。如图1所示，该图片擦除实现方法主要包括以下处理：

步骤S101：响应用户在图片上执行的滑动操作，根据滑动轨迹确定上述图片中待擦除的闭合区域；

步骤S103：调用图像处理函数对上述闭合区域中图像进行挖空处理或者将上述闭合区域中图像设置成透明状态。

在图1所示的方法中，当用户在图片上执行滑动操作时，移动终端根据滑动轨迹确定上述图片中待擦除的闭合区域，然后对闭合区域中的图像执行擦除操作。通过上述处理，使得用户操作便利，从而大大提高了用户体验。

在优选实施过程中，当用户在手机屏幕上执行滑动操作时，根据滑动的速度、弯曲程度，能得到无数个划点，即x,y的坐标对（Scratch Point，简称为SP）。滑动速度越慢，针对相同的滑动距离得到的SP数越多。如图2所示，手机屏幕坐标系中(单位为像素)，line1,line2是两条弯曲的手指划线，line3,line4是两条直的划线，其中line2的滑动速度要比line1慢，line4要比line3慢，因此产生了较多的SP。得到这些SP后，就可以确定出一个闭合擦除区域，再调用手机系统(iOS或Android)提供的图像处理函数（例如，图片处理API函数），将该闭合区域的图片内容挖空或设成透明就可以实现擦除效果。

优选地，步骤S101中，根据滑动轨迹确定上述图像中待擦除的闭合区域可以进一步包括以下处理：

（1）对于叠放的三层图片，根据第一预设算法确定最顶层图片的待擦除闭合区域的第一边界；

（2）根据上述第一边界以及根据第二预设算法确定中间层图片的待擦除闭合区域的第二边界。

其中，上述步骤（1）中，根据第一预设算法确定最顶层图片的待擦除闭合区域的第一边界可以进一步包括以下处理：当滑动轨迹为一条直线段时，

根据预定的待擦除区域宽度，该直线段上的连接点坐标，采用几何算法（即上述第一预设算法中的一种）确定与上述直线段对应的闭合区域；当滑动轨迹为多条直线段组合的曲线时，根据多个直线段对应的闭合区域的并集以及上述曲线中任意两直线段连接点处出现的未封闭区域，确定该曲线对应的闭合区域。

当滑动轨迹为一条直线段时，通常用户在移动终端屏幕上的滑动轨迹方向有：自下而上向左、自下而上向右、自上而下向左、自上而下向右、横向水平向左、横向水平向右、垂直向上、垂直向下等8种滑动方向。具体实施过程中，可以根据前后两个SP来确定滑动轨迹方向。下面结合一个示例详细描述其中一种滑动方向的闭合区域确定方法，具体可以参见图3。

图3所示的是两个由SP生成闭合区域的示意图，图中SP1和SP2为两个划点，并设SP1为起始点，可以确定此时的滑动方向为自下而上向右(需要注意的是在移动终端屏幕坐标系中，左上角的顶点是原点坐标(0,0),y轴的方向是向下表示增长)。其中，Dr为区域半径(SP1到A1点的距离)，用来表征擦除区域的宽度，Dr越大，擦除区域就越宽，可以看出SP1到A1点的连线是垂直于SP1和SP2之间的连线的；Ds为步进长度(A1点到A2点的距离)，A1到A2的连线也垂直于SP1到A1点的连线；θ为SP2与SP1连线与x轴的夹角，其正切 $\tan \mathrm{\θ}=-\frac{y2-y1}{x2-x1},$ 则 $\mathrm{\θ}=\arctan (-\frac{y2-y1}{x2-x1}).$ 设A1点的坐标为(x1’,y1’)，由于Dr和Ds是给定的，因此可以得到x1'=x1-Dr*sinθ，y1'=y1-Dr*cosθ。根据Ds和A1点，也可以确定出A2点的坐标(x2’,y2’)，其中x2′＝x1′+Ds*cosθ,y2′＝y1′-Ds*sinθ。与此类推，可以确定出A3至An，B1至Bn的坐标，将这些坐标点连起来就是需要获取的闭合区域，如图3中各点连线的闭合区域。

需要注意的是，上面只描述了一种方向上的区域确定方法，其它方向上的擦除区域的确定也很类似，只是根据滑动方向确定出不同的连线点，并根据这些连接点确定闭合区域。此处不再赘述。

当滑动轨迹为一条直线段时，由于SP1、SP2、SP3三个点都在同一直线上，由上述示例给的方法确定出的区域是完全闭合的。然而，当划线是弯曲时，如图4的SP1、SP2、SP4三个点，由于不在同一条直线上，就会产生An,SP2，A1’三个点组成的一个未封闭区域，就会造成不理想的效果。为了解决该问题，在确定SP2到SP4间的擦除区域时，区域起点是从An开始，而不是从A1’开始，即将图4中An，A1’，SP2组成的区域也包含在待擦除闭合区域中，这样就避免了在划线较弯曲时会出未封闭区域的情况。由此可见，最终确定待擦除的闭合区域包括：A1，A2，An，B1，Bn构成的矩形区域与A1’，A2’，An’，B1’，Bn’构成的矩形区域的并集，以及An，A1’，SP2组成的区域。

优选地，上述步骤（2）中，根据上述第一边界以及根据第二预设算法确定中间层图片的待擦除闭合区域的第二边界包括：对上述第一边界上的多个连接点进行随机扰动，获取各个连接点对应的点坐标，其中，上述点坐标对应的点均在上述第一边界的内部；根据上述点坐标对应的点的连线获取上述第二边界。

在优选实施过程中，为了让经过擦除处理的图像，图像展现更加生动，

趣味性更强，可以让图片呈现被撕掉的效果。如图5所示，被擦除的区域需要模拟出不规则的擦除效果，例如，擦除区域的边缘呈现出不规则的白色毛边，感觉就像照片是被撕掉一样。

在优选实施方式中，采用三层图片(顶层、中间层、底层)，其中，顶层图片是需要擦除的图片，中间有一层纯白色的图片(用来模拟出白色毛边的效果)，最后是底层图片是擦除顶层图片后要展示出来的图片；其次，采用随机扰动法对擦除区域进行不规则处理，具体的做法是：根据滑动方向对每个确定出来的连线点进行随机扰动(扰动的范围通过实验和具体的效果来确定)，比如自下而上向右滑动时，当tanθ＞1时(即两个点之间的连线与x轴的夹角大于45°)，可以对连线点的x坐标进行随机扰动，设连线点C的坐标为(x,y)，则扰动后的连线点为C’(x’,y’)，其坐标为(x′＝x+rand，y′＝y)，其中，rand介于一个较小的正负随机数之间(如：-3<rand＜3)；当tanθ＜１时，则对连线点的y坐标进行随机扰动；最后，在上述方法中确定出来的擦除区域(此处称为外层闭合区域)的基础上，再确定出一层内层闭合区域，内层区域被外层区域包含，其每个连线点的坐标可以在外层区域连线点坐标的基础上，通过随机扰动法确定出来，并将内层区域的连线点约束在外层区域内。内、外两层闭合区域确定好后，根据外层闭合区域来挖空顶层图片，根据内层闭合区域来挖空中间层白色图片，这样就实现了如图5所示不规则擦除效果。

优选地，上述基于移动终端的图片擦除实现方法还可以包括以下处理：将上述图片上可擦除区域等分为若干个网格；确定上述滑动轨迹所经过的网格数量；根据上述滑动轨迹所经过的网格数量占上述若干个网格的数量的百分比确定当前擦除百分比。

在优选实施过程中，当用户通过滑动方式擦除图片时，用户可能需要获知对这张图片的擦除百分比。根据本发明实施例，提出了一种基于网格的擦除百分比计算方法。该方法的主要思路是：把可擦除区域(即被擦除图片的显示size)等分成无数个网格，并对每个网格进行编号，然后根据当前SP和前一SP两个点的坐标所构成的滑动轨迹来确定已擦除网格。下面结合图5来详细介绍这种基于网格划分的擦除区域计算方法。

如图5所示，把一张size为320x480(pixel)的图片划分为16x24=384个网格(Grid)，可以计算出每个网格为宽度(width)等于20(pixel)的小正方形，这里的网格划分为384个是为了方便说明本文的计算方法，为了降低计算误差，实际应用时的网格要分得更小一些。为每个网格都编上一个号，比如设左上角顶部的网格为G(1,1)，则依次为G(1,2)、…G(1,16),G(2,1)、…G(2,16),…，最右下角的网格编号为G(24,16)。以下结合图6对四个示例进行描述:

示例1：当前SP为SP2,前一SP为SP1，这种情形下满足了SP1和SP2均在同一个网格G(3,3)内，则此种情况下认为只有G(3,3)网格被擦除掉。

示例2：当前SP为SP4,前一SP为SP3，其中，SP3位于G(3,11)，SP4位于G（7，11）。此种情况下可以认为SP3与SP4连线间的网格被擦除了，即编号为G(3,11)、G(4,11)、G(5,11)、G(6,11)、G(7,11)的网格被标记为已擦除网格。

示例3：当前SP为SP6,前一SP为SP5，其中，SP5位于G(12,4)，SP6位于G（12，7）。此种情况下我们也认为SP5与SP6连线间的网格被擦除了，即编号为G(12,4)、G(12,5)、G(12,6)、G(12,7)、G(12,8)的网格被标记为已擦除网格。

示例4：当前SP为SP8,前一SP为SP7，其中，SP7位于G(16,6)，SP8位于G（20，9）。，同示例2和示例3，此种情况下我们也认为两个SP连线所经过的网格被擦除了。

将用户滑动时每两个SP所经过的网格都标记为已擦除网格，这样就可以实时计算出图片的擦出百分比，只要设置好合适的网格宽度，这种基于网格的计算方法既不会造成大量的计算，也能得到较为准确的擦除百分比。

优选地，上述基于移动终端的图片擦除实现方法还可以包括以下处理：当用户退出当前擦除状态时，保存已擦除的网格编号数据，并对最顶层图片和中间层图片被擦除的界面进行截图并保存；当用户重新进入擦除状态时，载入已擦除的网格编号数据，调取中间层图片和顶层图片的截图并依次盖在底层图片上。

优选实施过程中，存在以下一种情况，需要获知用户当前的擦除百分比。例如，用户在使用图片擦除功能时是需要一定积分(或其它量化单位)的，积分的扣除和他已擦除的面积成正比，如果用户想在退出应用时将当前的还未擦除完的效果图进行保存(即用户重新进入擦除界面时看到的图片是上次退出时的界面)，并在合适的时候打开并接着擦除，并且在他滑动到之前已擦除的区域时积分不会被扣除。

要实现上述功能，就需要保存下已擦除网格的编号，该编号数据可以存入数据库或以txt/xml的格式存入到本地磁盘，并对顶层图片和中间层图片被擦除的屏幕进行截图和保存到本地磁盘，对这两张截图进行保存时需要保存为png的格式，这样可以使被擦除的透明区域也能正确保存，否则会造成被擦除的区域变成白色，就不能对擦除进度就行复原了。用户重新进入擦除界面时，首先载入已擦除网格编号数据，同时将中间层图片和顶层图片的截图读出并依次盖在底层图片上，由于之前被擦除的区域是透明的，所以就能还原出用户退出时的擦除进度。如果用户在之前已擦除的区域滑动，可以根据保存的已擦除网格编号数据，也能获知这些区域的网格已被标记过，就不会再扣除用户的积分了。

图7是根据本发明优选实施例的基于移动终端的图片擦除实现装置的结构框图。如图7所示，该图片擦除实现装置包括：确定模块70，用于响应用户在图片上执行的滑动操作，根据滑动轨迹确定上述图片中待擦除的闭合区域；处理模块72，用于调用图像处理函数对上述闭合区域中图像进行挖空处理或者将上述闭合区域中图像设置成透明状态。

在图7所示的装置中，当用户在图片上执行滑动操作时，确定模块70根据滑动轨迹确定上述图片中待擦除的闭合区域，处理模块72对闭合区域中的图像执行擦除操作。通过上述处理，使得用户操作便利，从而大大提高了用户体验。

优选地，如图8所示，上述确定模块70可以进一步包括：第一确定单元700，用于对于叠放的三层图片，根据第一预设算法确定最顶层图片的待擦除闭合区域的第一边界；第二确定单元702，根据上述第一边界以及根据第二预设算法确定中间层图片的待擦除闭合区域的第二边界。

优选地，上述第一确定单元700，用于当滑动轨迹为一条直线段时，根据预定的待擦除区域宽度，该直线段上的连接点坐标，采用几何算法确定与上述直线段对应的闭合区域；当滑动轨迹为多条上述直线段组合的曲线时，根据多个上述线段对应的闭合区域的并集以及上述曲线中任意两直线段连接点处出现的未封闭区域，确定该曲线对应的闭合区域。

优选地，上述第二确定单元702，用于对上述第一边界上的多个连接点进行随机扰动，获取各个连接点对应的点坐标，其中，上述点坐标对应的点均在上述第一边界的内部；并根据上述点坐标对应的点的连线获取上述第二边界。

优选地，上述图片擦除实现装置，还用于将上述图片上可擦除区域等分为若干个网格；确定上述滑动轨迹所经过的网格数量；以及根据上述滑动轨迹所经过的网格数量占上述若干个网格的数量的百分比确定当前擦除百分比。

优选地，上述图片擦除实现装置，还用于当用户退出当前擦除状态时，

保存已擦除的网格编号数据，并对最顶层图片和中间层图片被擦除的界面进行截图并保存；当用户重新进入擦除状态时，载入已擦除的网格编号数据，

调取中间层图片和顶层图片的截图并依次盖在底层图片上。

上述装置中，各模块各单元相互结合的优选实施方式具体可以参见图1至图6，此处不再赘述。

综上所述，借助本发明提供的上述实施例，当用户以滑动触摸方式对图片进行不规则擦除时，划过区域的的图片会被擦除掉，并产生不规则的擦除区域，可用来模拟图片被手撕掉的效果，即如果用两张图片重叠，用户将上面的图片撕掉后，底下的图片就会显示出来；此外，本发明实施例还还提供了一种基于网格的图片擦除百分比计算方案，可以应用于一些需要获知用户当前的擦除百分比的场景中。

以上公开的仅为本发明的几个具体实施例，但是，本发明并非局限于此，任何本领域的技术人员能思之的变化都应落入本发明的保护范围。

Claims (10)

1.一种基于移动终端的图片擦除实现方法，其特征在于，包括：

响应用户在图片上执行的滑动操作，根据滑动轨迹确定所述图片中待擦除的闭合区域；

调用图像处理函数对所述闭合区域中图像进行挖空处理或者将所述闭合区域中图像设置成透明状态。

2.根据权利要求1所述的方法，其特征在于，所述根据滑动轨迹确定所述图像中待擦除的闭合区域包括：

对于叠放的三层图片，根据第一预设算法确定最顶层图片的待擦除闭合区域的第一边界；

根据所述第一边界以及根据第二预设算法确定中间层图片的待擦除闭合区域的第二边界。

3.根据权利要求2所述的方法，其特征在于，根据第一预设算法确定最顶层图片的待擦除闭合区域的第一边界包括：

当滑动轨迹为一条直线段时，根据预定的待擦除区域宽度，该直线段上的连接点坐标，采用几何算法确定与所述直线段对应的闭合区域；

当滑动轨迹为多条所述直线段组合的曲线时，根据多个所述直线段对应的闭合区域的并集以及所述曲线中任意两直线段连接点处出现的未封闭区域，确定该曲线对应的闭合区域。

4.根据权利要求2所述的方法，其特征在于，根据所述第一边界以及根据第二预设算法确定中间层图片的待擦除闭合区域的第二边界包括：

对所述第一边界上的多个连接点进行随机扰动，获取各个连接点对应的点坐标，其中，所述点坐标对应的点均在所述第一边界的内部；

根据所述点坐标对应的点的连线获取所述第二边界。

5.根据权利要求1所述的方法，其特征在于，还包括：

将所述图片上可擦除区域等分为若干个网格；

确定所述滑动轨迹所经过的网格数量；

根据所述滑动轨迹所经过的网格数量占所述若干个网格的数量的百分比确定当前擦除百分比。

6.根据权利要求5所述的方法，其特征在于，还包括：

当用户退出当前擦除状态时，保存已擦除的网格编号数据，并对最顶层图片和中间层图片被擦除的界面进行截图并保存；

当用户重新进入擦除状态时，载入已擦除的网格编号数据，调取中间层图片和顶层图片的截图并依次盖在底层图片上。

7.一种基于移动终端的图片擦除实现装置，其特征在于，包括：

确定模块，用于响应用户在图片上执行的滑动操作，根据滑动轨迹确定所述图片中待擦除的闭合区域；

处理模块，用于调用图像处理函数对所述闭合区域中图像进行挖空处理或者将所述闭合区域中图像设置成透明状态。

8.根据权利要求7所述的装置，其特征在于，所述确定模块包括：

第一确定单元，用于对于叠放的三层图片，根据第一预设算法确定最顶层图片的待擦除闭合区域的第一边界；

第二确定单元，根据所述第一边界以及根据第二预设算法确定中间层图片的待擦除闭合区域的第二边界。

9.根据权利要求8所述的装置，其特征在于，

所述第一确定单元，用于当滑动轨迹为一条直线段时，根据预定的待擦除区域宽度，该直线段上的连接点坐标，采用几何算法确定与所述直线段对应的闭合区域；当滑动轨迹为多条所述直线段组合的曲线时，根据多个所述线段对应的闭合区域的并集以及所述曲线中任意两直线段连接点处出现的未封闭区域，确定该曲线对应的闭合区域。

10.根据权利要求8所述的装置，其特征在于，

所述第二确定单元，用于对所述第一边界上的多个连接点进行随机扰动，获取各个连接点对应的点坐标，其中，所述点坐标对应的点均在所述第一边界的内部；并根据所述点坐标对应的点的连线获取所述第二边界。