CN107369197B - 图片处理方法、装置及设备 - Google Patents

Abstract

一种图片处理方法、装置及设备。所述方法包括：获取待处理的目标图片；在获取到对应于目标图片的编辑指示时，控制目标图片进入可编辑状态；在目标图片上绘制至少一个元素；在检测到目标元素被选中时，将目标图片以及除目标元素以外的其它元素绘制到缓存图层中，并将目标元素绘制到活动图层中；根据对应于目标元素的操作信号，在活动图层中调整目标元素的样式；在调整完成之后，将活动图层与缓存图层中的内容合并后绘制到屏幕中显示。本申请实施例在对目标元素的样式进行调整的过程中，仅需重新绘制目标元素即可，原图及其它元素不需要重新绘制，从而简化了操作复杂度，有助于提升操作效率，避免卡顿。

Description

图片处理方法、装置及设备

技术领域

本发明实施例涉及图像处理技术领域，特别涉及一种图片处理方法、装置及设备。

背景技术

目前，一些图片处理应用向用户提供有在原图上绘制元素的功能。例如，用户使用该图片处理应用，能够在原图上绘制箭头、方框、圆圈、文字等元素。用户有对已绘制的元素的样式进行调整的需求，如平移或缩放已绘制的元素。

在相关技术中，针对用户需要调整已绘制的元素的样式的需求，其提供的解决方案如下：用户选中目标元素并对其样式进行调整(如平移或缩放)，由于原图以及在原图上绘制的元素位于同一图层中，因此在调整目标元素的样式的过程中，目标元素每改变一个像素，则图片处理应用将原图以及在原图上绘制的所有元素全部重新绘制一次，从而达到同步更改的效果。

针对已绘制的元素，相关技术提供的方案在调整其样式时，复杂度较高，从而导致操作效率较低，甚至引起卡顿。

发明内容

本发明实施例提供了一种图片处理方法、装置及设备，用以解决相关技术提供的方案在调整已绘制的元素的样式时，复杂度较高，从而导致操作效率较低，甚至引起卡顿的问题。

第一方面，提供了一种图片处理方法，所述方法包括：

获取待处理的目标图片；

在获取到对应于所述目标图片的编辑指示时，控制所述目标图片进入可编辑状态；

在所述目标图片处于所述可编辑状态的情况下，在所述目标图片上绘制至少一个元素；

在检测到目标元素被选中时，将所述目标图片以及除所述目标元素以外的其它元素绘制到缓存图层中，并将所述目标元素绘制到活动图层中；

根据对应于所述目标元素的操作信号，在所述活动图层中调整所述目标元素的样式；

在调整完成之后，将所述活动图层与所述缓存图层中的内容合并后绘制到屏幕中显示。

第二方面，提供了一种图片处理装置，所述装置包括：

获取模块，用于获取待处理的目标图片；

控制模块，用于在获取到对应于所述目标图片的编辑指示时，控制所述目标图片进入可编辑状态；

第一绘制模块，用于在所述目标图片处于所述可编辑状态的情况下，在所述目标图片上绘制至少一个元素；

第二绘制模块，用于在检测到目标元素被选中时，将所述目标图片以及除所述目标元素以外的其它元素绘制到缓存图层中，并将所述目标元素绘制到活动图层中；

调整模块，用于根据对应于所述目标元素的操作信号，在所述活动图层中调整所述目标元素的样式；

第一显示模块，用于在调整完成之后，将所述活动图层与所述缓存图层中的内容合并后绘制到屏幕中显示。

第三方面，提供了一种计算机设备，所述设备包括处理器和存储器，所述存储器中存储有至少一条指令、至少一段程序、代码集或指令集，所述至少一条指令、所述至少一段程序、所述代码集或指令集由所述处理器加载并执行以实现如第一方面所述的图片处理方法。

在一个可能的设计中，所述计算机设备为终端或者服务器。

第四方面，提供了一种计算机可读存储介质，所述存储介质中存储有至少一条指令、至少一段程序、代码集或指令集，所述至少一条指令、所述至少一段程序、所述代码集或指令集由处理器加载并执行以实现如第一方面所述的图片处理方法。

第五方面，提供了一种计算机程序产品，当该计算机程序产品被执行时，其用于执行上述第一方面所述的图片处理方法。

本发明实施例提供的技术方案可以带来如下有益效果：

通过设置多个图层，当需要调整已绘制的目标元素的样式时，通过将原图以及除目标元素以外的其它元素绘制到缓存图层中，并将目标元素绘制到活动图层中，使得在对目标元素的样式进行调整的过程中，仅需在活动图层中重新绘制目标元素即可，缓存图层中的原图以及其它元素不需要重新绘制，从而简化了操作复杂度，有助于提升操作效率，避免卡顿。

附图说明

为了更清楚地说明本发明实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1是相关技术提供的调整元素样式的实现流程图；

图2是本发明实施例提供的调整元素样式的实现流程图；

图3是本发明一个实施例提供的图片处理方法的流程图；

图4A和图4B是本发明实施例提供的界面示意图；

图5是本发明另一个实施例提供的图片处理方法的流程图；

图6是本发明一个实施例提供的图片处理装置的框图；

图7是本发明一个实施例提供的终端的结构示意图。

具体实施方式

为使本发明的目的、技术方案和优点更加清楚，下面将结合附图对本发明实施方式作进一步地详细描述。

在相关技术中，由于原图以及在原图上绘制的元素位于同一图层中，因此当需要对某一已绘制的目标元素的样式进行调整时，目标元素每改变一个像素，需要将原图以及在原图上绘制的所有元素全部重新绘制一次，该过程可参见图1所示。其操作的时间复杂度为O(M*N)，其中N表示在原图上已绘制的所有元素的个数，M是对目标元素执行调整操作(如平移、缩放、旋转、扭曲等操作)的次数。

结合参考图1，假设用户在原图上绘制了箭头和方框2个元素，原图、箭头以及方框位于同一图层中。以用户对方框的位置进行调整为例，用户选中方框将其进行平移，在平移过程中，方框每移动一个像素，原图、箭头以及方框全部在上述图层中重新绘制一次，从而达到同步更改的效果。

本发明实施例提供的方案中，其实现流程如图2所示，设置多个图层，包括活动图层、缓存图层和合成图层。在本发明实施例中，将元素分为如下两类：活动元素和缓存元素。活动元素包括新添加的元素、被选中需要调整样式的元素。缓存元素包括已绘制且未被选中需要调整样式的元素。活动元素在活动图层中绘制，也即活动图层用于绘制活动元素，活动图层中不包括原图和缓存元素。原图和缓存元素被合成到一个图层，该图层称为缓存图层。活动图层中内容不会影响到缓存图层中的内容，也即活动图层中的内容发生变化，缓存图层中的内容并不会发生改变。合成图层也称为视图(view)层，采用Canvas能够将合成图层中的位图(bitmap)绘制到屏幕中显示。缓存图层中的内容会实时同步至合成图层，以使得上述内容被绘制到屏幕中显示。对于在原图上已绘制的元素，如果没有元素被选中，则这些元素全部在缓存图层中，也即均为缓存元素；当已绘制的元素中的某一个或多个目标元素被选中时，目标元素在缓存图层中删除，并添加至活动图层中，也即目标元素由缓存元素变为活动元素。可选地，如果还支持马赛克功能，相应还设置有马赛克图层，有关马赛克图层的介绍说明可参见下文图5实施例。

结合参考图2，假设用户在原图上绘制了箭头和方框2个元素，则缓存图层和合成图层中包括原图、箭头以及方框。以用户对方框的位置进行调整为例，用户选中方框之后，缓存图层中的内容清空，原图和箭头被绘制到缓存图层中，且缓存图层中重新绘制的内容被同步至合成图层，将合成图层中的内容绘制到屏幕中显示。并且，用户选中方框之后，方框被绘制到活动图层中，且活动图层中的内容也被绘制到屏幕中显示。在用户拖动方框平移的过程中，在活动图层中调整方框的位置。活动图层中方框位置的调整，不会影响到缓存图层和合成图层中的内容。在平移结束后，将活动图层与缓存图层中的内容绘制到合成图层中，并将合成图层中的内容绘制到屏幕中显示。

本发明实施例提供的方案中，提供了一种采用多图层绘制的机制，由于被选中需要调整其样式的目标元素在活动图层中单独绘制，原图以及其它不需要调整样式的元素在缓存图层中不会受到影响，因此在对目标元素的样式进行调整的过程中，仅需在活动图层中重新绘制目标元素即可，缓存图层中的原图以及其它元素不需要重新绘制，从而简化了操作复杂度，有助于提升操作效率，避免卡顿。

本发明实施例提供的方法，各步骤的执行主体可以是终端，例如该终端可以是手机、平板电脑、多媒体播放设备、可穿戴设备等电子设备。可选地，终端的操作系统是支持采用Canvas进行绘图的操作系统，如Android(安卓)操作系统。可选地，终端中安装有图片处理应用(以下简称“应用”)，其具备实现本发明方法示例所提供的功能。例如，该应用可以是一款名为“xx相册管家”的应用程序，其提供有对终端相册中的图片进行管理、编辑、分享等功能。为了便于说明，在下述方法实施例中，仅以各步骤的执行主体为应用进行说明，但对此不构成限定。

请参考图3，其示出了本发明一个实施例提供的图片处理方法的流程图。该方法可以包括如下几个步骤。

步骤301，获取待处理的目标图片。

应用显示有若干张图片，例如应用以列表形式显示若干张图片。当用户需要对某一目标图片进行处理时，可以触发对应于该目标图片的选择信号，例如点击列表中的该目标图片；相应地，应用获取选择信号所对应的图片，该图片即为待处理的目标图片。其中，目标图片是上述若干张图片中的任意一张图片。

步骤302，在获取到对应于目标图片的编辑指示时，控制目标图片进入可编辑状态。

应用提供有对目标图片进行编辑的功能，例如添加标注，也即在目标图片上绘制诸如方框、箭头之类的元素。在目标图片处于可编辑状态的情况下，用户可在目标图片上绘制元素；在目标图片处于不可编辑状态的情况下，用户无法在目标图片上绘制元素。在本发明实施例中，元素也可以称为路径(path)。元素包括图形(如直线、方框、圆圈、星形、箭头等)和文字两种类型。

在一个示例中，应用在获取待处理的目标图片之后，显示该目标图片，并显示编辑控件。该编辑控件用于触发上述编辑指示，例如该编辑控件是一个名称为“标注”的按钮控件，用户点击该编辑控件即可触发编辑指示。应用获取到对应于目标图片的编辑指示之后，控制目标图片由不可编辑状态切换至可编辑状态。

可选地，应用控制目标图片进入可编辑状态，包括：对目标图片的二进制文件进行解码，得到位图形式的目标图片，该位图形式的目标图片为可编辑图像。目标图片的图片文件为二进制文件，通过对该二进制文件进行解码，能够得到位图形式的目标图片。位图亦称为点阵图像或绘制图像，是由称作像素(图片元素)的单个点组成的。这些点可以进行不同的排列和染色以构成图像。位图是可编辑图像，也即可以对位图中包含的点的样式进行更改。

另外，应用得到位图形式的目标图片之后，在屏幕中显示该位图形式的目标图片。可选地，应用将位图形式的目标图片绘制到合成图层中，而后对合成图层中的位图(也即位图形式的目标图片)进行渲染，从而实现将位图形式的目标图片绘制到屏幕中显示。

在本发明实施例中，由于需要对目标图片进行编辑，包括在目标图片上绘制元素以及对已绘制的元素进行调整等，因此上述处于可编辑状态的目标图片(也即位图形式的目标图片)可以称为原图。

步骤303，在目标图片处于可编辑状态的情况下，在目标图片上绘制至少一个元素。

有关在目标图片(也即原图)上新添加元素的过程，可参见下文图5实施例中的介绍说明。在本实施例中，假设应用已经根据用户操作在目标图片上绘制了至少一个元素，则合成图层中包括目标图片以及在目标图片上绘制的各个元素，合成图层中的内容以位图形式记录。应用对合成图层中的位图进行渲染，从而将合成图层中的所有内容绘制到屏幕中显示。

结合参考图4A，用户在原图41上绘制了多个元素，包括箭头42和方框43。

步骤304，在检测到目标元素被选中时，将目标图片以及除目标元素以外的其它元素绘制到缓存图层中，并将目标元素绘制到活动图层中。

用户可以通过操作从已绘制的元素中选择需要调整其样式的目标元素，例如用户通过点击目标元素以实现对该目标元素的选择。相应地，当应用检测到用户手指的触摸位置位于某一元素时，该元素即被确定为目标元素。在本发明实施例中，对目标元素的数量不作限定，其可以是一个，也可以是多个。在通常情况下，目标元素的数量为一个。应用在检测到目标元素被选中时，将当前缓存图层中的内容清空，将目标图片以及除目标元素以外的其它元素绘制到缓存图层中，并将目标元素绘制到活动图层中。其中，应用在检测到目标元素被选中时，当前缓存图层中的内容与合成图层中的内容相同，也即包括目标图片以及在目标图片上绘制的各个元素。

可选地，应用将目标图片以及除目标元素以外的其它元素绘制到缓存图层中，包括如下几个子步骤：应用在缓存图层中绘制目标图片，根据除目标元素以外的其它元素的上下位置关系，按位置由下往上的顺序逐个绘制元素。上层的元素覆盖下层的元素或目标图片。

在一个例子中，假设原图上已经绘制了4个元素，分别为元素A、元素B、元素C和元素D，其中，原图位于最下层，元素A位于原图上层，元素B位于元素A上层，元素C位于元素B上层，元素D位于元素C上层。假设目标元素为元素B，则应用依次在缓存图层中绘制原图、元素A、元素C和元素D，并在活动图层中绘制元素B。

另外，应用在将目标图片以及除目标元素以外的其它元素绘制到缓存图层中，并将目标元素绘制到活动图层中之后，还执行如下步骤：将缓存图层中的内容绘制到合成图层中，并将合成图层中的内容绘制到屏幕中显示，且将活动图层中的内容也绘制到屏幕中显示。需要说明的是，活动图层中的内容直接绘制到屏幕中显示，而不是绘制到合成图层之后再绘制到屏幕中显示。

结合参考图4B，当用户手指触碰到方框43时，该方框43即被选中。应用将当前缓存图层中的内容清空，将原图41和箭头42绘制到缓存图层中，然后将缓存图层中的内容绘制到合成图层中，并将合成图层中的内容绘制到屏幕中显示。并且，应用将方框43绘制到活动图层中，然后将活动图层中的内容也绘制到屏幕中显示。其中，活动图层中的内容显示在合成图层中的内容的上层，也即使得处于选中状态的目标元素位于最上层显示。

可选地，应用在将目标元素绘制到活动图层中之后，添加与目标元素对应的操作标记，该操作标记用于提示用户在调整目标元素的样式时操作信号的触发位置。例如，如图4B所示，与方框43对应的操作标记为4个小圆点44，这4个小圆点分别位于方框43的各个顶点位置处。

步骤305，根据对应于目标元素的操作信号，在活动图层中调整目标元素的样式。

在本发明实施例中，元素的样式包括位置、大小、朝向、形状等。应用根据对应于目标元素的操作信号，对活动图层中的目标元素执行以下至少一项操作：平移、缩放、旋转、扭曲。其中，平移是指移动元素的位置，缩放是指改变元素的大小，旋转是指改变元素的朝向，扭曲是指将元素扭转变形。

结合参考图4B，当用户手指触碰到方框43时，该方框43即被选中。若用户需要移动方框43的位置，其手指可以不必离开屏幕，直接在屏幕上滑动，应用根据滑动轨迹动态调整方框43的位置。若用户需要改变方框43的大小，则用户可以使用两只手指分别放置在对角的两个小圆点44上，拉伸手指，应用根据两个手指触点的间距动态调整方框43的大小。

步骤306，在调整完成之后，将活动图层与缓存图层中的内容合并后绘制到屏幕中显示。

在调整完成之后，应用将活动图层与缓存图层中的内容绘制到合成图层中，将合成图层中的内容绘制到屏幕中显示。应用首先在合成图层中绘制目标图片，然后根据缓存图层以及活动图层中各个元素的上下位置关系，按位置由下往上的顺序逐个绘制元素。上层的元素覆盖下层的元素或目标图片。其中，目标元素的样式虽然调整，但其与其它元素之间的上下位置关系并不会发生改变。也即，在目标元素的样式调整前后，各个元素之间的上下位置关系并未发生改变。仍然以上述例子中的元素A、元素B、元素C和元素D进行说明，应用依次在合成图层中绘制原图、元素A、元素B、元素C和元素D，其中，元素B的样式发生了改变，但其与其它元素之间的上下位置关系并未发生改变。

在本发明实施例中，由于在对目标元素的样式进行调整的过程中，仅需在活动图层中重新绘制目标元素即可，缓存图层中的原图以及其它元素不需要重新绘制，因此操作的时间复杂度为O(1M)，其中M是对目标元素执行调整操作(如平移、缩放、旋转、扭曲等操作)的次数。采用本发明实施例提供的技术方案，即便是在较低处理性能的终端上，也能达到流畅的绘制体验。

综上所述，本发明实施例提供的方法，提供了一种采用多图层绘制的机制，由于被选中需要调整其样式的目标元素在活动图层中单独绘制，原图以及其它不需要调整样式的元素在缓存图层中不会受到影响，因此在对目标元素的样式进行调整的过程中，仅需在活动图层中重新绘制目标元素即可，缓存图层中的原图以及其它元素不需要重新绘制，从而简化了操作复杂度，有助于提升操作效率，避免卡顿。

请参考图5，其示出了本发明另一个实施例提供的图片处理方法的流程图。该方法可以包括如下几个步骤。

步骤501，获取待处理的目标图片。

步骤502，在获取到对应于目标图片的编辑指示时，对目标图片的二进制文件进行解码，得到位图形式的目标图片。

其中，位图形式的目标图片为可编辑图像。

步骤503，将位图形式的目标图片绘制到缓存图层中。

步骤504，将缓存图层中的内容绘制到合成图层中。

步骤505，将合成图层中的内容绘制到屏幕中显示。

步骤506，在获取到元素添加指示之后，根据元素绘制操作在活动图层中绘制新增元素。

应用根据元素添加指示确定新增元素的种类，然后根据元素绘制操作在活动图层中绘制上述种类的新增元素。例如，应用的菜单栏中包括箭头、方框、文字等不同种类的元素供用户选择，用户选择箭头之后，在屏幕显示的目标图片上滑动手指，相应地，应用根据滑动轨迹绘制出一个箭头并显示。应用在活动图层中绘制新增元素的过程中，将活动图层中的内容也绘制到屏幕中显示，以使得用户能够实时查看到其绘制的新增元素。

步骤507，在绘制完成之后，将活动图层与缓存图层中的内容绘制到合成图层中。

缓存图层中包括目标图片(也即原图)以及在绘制新增元素之前在目标图片上绘制的所有元素。如果新增元素是在目标图片上绘制的第一个元素，则在绘制新增元素之前并未在目标图片上绘制元素，缓存图层中仅包括目标图片。

可选地，上述步骤507包括如下几个子步骤：应用将缓存图层中的内容绘制到合成图层中，然后将活动图层中的内容绘制到合成图层中，后绘制的内容覆盖先绘制的内容。

步骤508，将合成图层中的内容绘制到屏幕中显示。

通过重复上述步骤506至508，能够在目标图片上绘制多个元素。相应地，应用在屏幕中显示目标图片以及在目标图片上绘制的多个元素。

步骤509，在检测到目标元素被选中时，将目标图片以及除目标元素以外的其它元素绘制到缓存图层中，并将目标元素绘制到活动图层中。

步骤510，根据对应于目标元素的操作信号，在活动图层中调整目标元素的样式。

步骤511，在调整完成之后，将活动图层与缓存图层中的内容绘制到合成图层中。

步骤512，将合成图层中的内容绘制到屏幕中显示。

上述步骤509至步骤512与图3实施例中的步骤304至步骤306相同，可参见图3实施例中的介绍说明，本实施例对此不再赘述。

可选地，本实施例提供的方法还包括如下步骤：在获取到马赛克添加指示之后，根据马赛克绘制操作将马赛克图层中所包括的目标图片对应的马赛克图片的目标区域的透明度由全透明设置为预设透明度；将马赛克图层与缓存图层中的内容合并后绘制到屏幕中显示，缓存图层中包括目标图片以及在目标图片上绘制的所有元素。

马赛克图层中包括与目标图片对应的马赛克图片，马赛克图片原始的透明度为全透明。在获取到马赛克添加指示之后，应用根据马赛克绘制操作，将用户手指划过的区域作为目标区域，将马赛克图片的目标区域的透明度由全透明设置为预设透明度。之后，应用将目标图片、马赛克图片和各个元素按序绘制到合成图层中，并将合成图层中的内容绘制到屏幕中显示。其中，预设透明度可以是应用默认设定的值，也可以是由用户预先自定义设定的值。例如，应用可以向用户提供透明度的设置界面，该设置界面用于供用户自定义设置马赛克的透明度。

可选地，上述步骤509之后还包括如下步骤：在获取到对应于目标元素的删除指示之后，在活动图层中删除目标元素。由于在目标元素被选中之后，合成图层中即已不包括目标元素，因此当目标元素在活动图层中被删除之后，屏幕中仅显示目标图片以及在目标图片上绘制的除目标元素以外的其它元素。例如，结合参考图4B，用户选中方框43之后，点击删除控件45，即可触发将方框43删除。

综上所述，本发明实施例提供的方法，提供了一种采用多图层绘制的机制，由于被选中需要调整其样式的目标元素在活动图层中单独绘制，原图以及其它不需要调整样式的元素在缓存图层中不会受到影响，因此在对目标元素的样式进行调整的过程中，仅需在活动图层中重新绘制目标元素即可，缓存图层中的原图以及其它元素不需要重新绘制，从而简化了操作复杂度，有助于提升操作效率，避免卡顿。

下述为本发明装置实施例，可以用于执行本发明方法实施例。对于本发明装置实施例中未披露的细节，请参照本发明方法实施例。

请参考图6，其示出了本发明一个实施例提供的图片处理装置的框图。该装置具有实现上述方法示例的功能，所述功能可以由硬件实现，也可以由硬件执行相应的软件实现。该装置可以包括：获取模块610、控制模块620、第一绘制模块630、第二绘制模块640、调整模块650和第一显示模块660。

获取模块610，用于获取待处理的目标图片。

控制模块620，用于在获取到对应于所述目标图片的编辑指示时，控制所述目标图片进入可编辑状态。

第一绘制模块630，用于在所述目标图片处于所述可编辑状态的情况下，在所述目标图片上绘制至少一个元素。

第二绘制模块640，用于在检测到目标元素被选中时，将所述目标图片以及除所述目标元素以外的其它元素绘制到缓存图层中，并将所述目标元素绘制到活动图层中。

调整模块650，用于根据对应于所述目标元素的操作信号，在所述活动图层中调整所述目标元素的样式。

第一显示模块660，用于在调整完成之后，将所述活动图层与所述缓存图层中的内容合并后绘制到屏幕中显示。

综上所述，本发明实施例提供的装置，提供了一种采用多图层绘制的机制，由于被选中需要调整其样式的目标元素在活动图层中单独绘制，原图以及其它不需要调整样式的元素在缓存图层中不会受到影响，因此在对目标元素的样式进行调整的过程中，仅需在活动图层中重新绘制目标元素即可，缓存图层中的原图以及其它元素不需要重新绘制，从而简化了操作复杂度，有助于提升操作效率，避免卡顿。

在基于图6实施例提供的一个可选实施例中，所述调整模块，用于根据对应于所述目标元素的操作信号，对所述活动图层中的所述目标元素执行以下至少一项操作：平移、缩放、旋转、扭曲。

在基于图6实施例提供的另一个可选实施例中，

所述第一绘制模块，用于在获取到元素添加指示之后，根据元素绘制操作在所述活动图层中绘制新增元素。

所述第一显示模块，还用于在绘制完成之后，将所述活动图层与所述缓存图层中的内容合并后绘制到屏幕中显示，所述缓存图层中包括所述目标图片以及在绘制所述新增元素之前在所述目标图片上绘制的所有元素。

在基于图6实施例提供的另一个可选实施例中，所述第一显示模块，用于：将所述活动图层与所述缓存图层中的内容绘制到合成图层中；将所述合成图层中的内容绘制到所述屏幕中显示。

在基于图6实施例提供的另一个可选实施例中，所述控制模块，用于对所述目标图片的二进制文件进行解码，得到位图形式的目标图片，所述位图形式的目标图片为可编辑图像。

在基于图6实施例提供的另一个可选实施例中，所述装置还包括：设置模块和第二显示模块。

设置模块，用于在获取到马赛克添加指示之后，根据马赛克绘制操作将马赛克图层中所包括的所述目标图片对应的马赛克图片的目标区域的透明度由全透明设置为预设透明度，所述马赛克图片原始的透明度为全透明。

第二显示模块，用于将所述马赛克图层与所述缓存图层中的内容合并后绘制到所述屏幕中显示，所述缓存图层中包括所述目标图片以及在所述目标图片上绘制的所有元素。

需要说明的是，上述实施例提供的装置在实现其功能时，仅以上述各功能模块的划分进行举例说明，实际应用中，可以根据需要而将上述功能分配由不同的功能模块完成，即将设备的内部结构划分成不同的功能模块，以完成以上描述的全部或者部分功能。另外，上述实施例提供的装置与方法实施例属于同一构思，其具体实现过程详见方法实施例，这里不再赘述。

请参考图7，其示出了本发明一个实施例提供的终端的结构示意图。该终端用于实施上述实施例中提供的图片处理方法。具体来讲：

终端700可以包括RF(Radio Frequency，射频)电路710、包括有一个或一个以上计算机可读存储介质的存储器720、输入单元730、显示单元740、传感器750、音频电路760、WiFi(wireless fidelity，无线保真)模块770、包括有一个或者一个以上处理核心的处理器780、以及电源790等部件。本领域技术人员可以理解，图7中示出的终端结构并不构成对终端的限定，可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件布置。其中：

RF电路710可用于收发信息或通话过程中，信号的接收和发送，特别地，将基站的下行信息接收后，交由一个或者一个以上处理器780处理；另外，将涉及上行的数据发送给基站。通常，RF电路710包括但不限于天线、至少一个放大器、调谐器、一个或多个振荡器、用户身份模块(SIM)卡、收发信机、耦合器、LNA(Low Noise Amplifier，低噪声放大器)、双工器等。此外，RF电路710还可以通过无线通信与网络和其他设备通信。所述无线通信可以使用任一通信标准或协议，包括但不限于GSM(Global System of Mobile communication，全球移动通讯系统)、GPRS(General Packet Radio Service，通用分组无线服务)、CDMA(CodeDivision Multiple Access，码分多址)、WCDMA(Wideband Code Division MultipleAccess,宽带码分多址)、LTE(Long Term Evolution,长期演进)、电子邮件、SMS(ShortMessaging Service，短消息服务)等。

存储器720可用于存储软件程序以及模块，处理器780通过运行存储在存储器720的软件程序以及模块，从而执行各种功能应用以及数据处理。存储器720可主要包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需的应用程序(比如声音播放功能、图像播放功能等)等；存储数据区可存储根据终端700的使用所创建的数据(比如音频数据、电话本等)等。此外，存储器720可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。相应地，存储器720还可以包括存储器控制器，以提供处理器780和输入单元730对存储器720的访问。

输入单元730可用于接收输入的数字或字符信息，以及产生与用户设置以及功能控制有关的键盘、鼠标、操作杆、光学或者轨迹球信号输入。具体地，输入单元730可包括图像输入设备731以及其他输入设备732。图像输入设备731可以是摄像头，也可以是光电扫描设备。除了图像输入设备731，输入单元730还可以包括其他输入设备732。具体地，其他输入设备732可以包括但不限于物理键盘、功能键(比如音量控制按键、开关按键等)、轨迹球、鼠标、操作杆等中的一种或多种。

显示单元740可用于显示由用户输入的信息或提供给用户的信息以及终端700的各种图形用户接口，这些图形用户接口可以由图形、文本、图标、视频和其任意组合来构成。显示单元740可包括显示面板741，可选的，可以采用LCD(Liquid Crystal Display，液晶显示器)、OLED(Organic Light-Emitting Diode,有机发光二极管)等形式来配置显示面板741。

终端700还可包括至少一种传感器750，比如光传感器、运动传感器以及其他传感器。具体地，光传感器可包括环境光传感器及接近传感器，其中，环境光传感器可根据环境光线的明暗来调节显示面板741的亮度，接近传感器可在终端700移动到耳边时，关闭显示面板741和/或背光。作为运动传感器的一种，重力加速度传感器可检测各个方向上(一般为三轴)加速度的大小，静止时可检测出重力的大小及方向，可用于识别手机姿态的应用(比如横竖屏切换、相关游戏、磁力计姿态校准)、振动识别相关功能(比如计步器、敲击)等；至于终端700还可配置的陀螺仪、气压计、湿度计、温度计、红外线传感器等其他传感器，在此不再赘述。

音频电路760、扬声器761，传声器762可提供用户与终端700之间的音频接口。音频电路760可将接收到的音频数据转换后的电信号，传输到扬声器761，由扬声器761转换为声音信号输出；另一方面，传声器762将收集的声音信号转换为电信号，由音频电路760接收后转换为音频数据，再将音频数据输出处理器780处理后，经RF电路710以发送给比如另一终端，或者将音频数据输出至存储器720以便进一步处理。音频电路760还可能包括耳塞插孔，以提供外设耳机与终端700的通信。

WiFi属于短距离无线传输技术，终端700通过WiFi模块770可以帮助用户收发电子邮件、浏览网页和访问流式媒体等，它为用户提供了无线的宽带互联网访问。虽然图7示出了WiFi模块770，但是可以理解的是，其并不属于终端700的必须构成，完全可以根据需要在不改变发明的本质的范围内而省略。

处理器780是终端700的控制中心，利用各种接口和线路连接整个手机的各个部分，通过运行或执行存储在存储器720内的软件程序和/或模块，以及调用存储在存储器720内的数据，执行终端700的各种功能和处理数据，从而对手机进行整体监控。可选的，处理器780可包括一个或多个处理核心；优选的，处理器780可集成应用处理器和调制解调处理器，其中，应用处理器主要处理操作系统、用户界面和应用程序等，调制解调处理器主要处理无线通信。可以理解的是，上述调制解调处理器也可以不集成到处理器780中。

终端700还包括给各个部件供电的电源790(比如电池)，优选的，电源可以通过电源管理系统与处理器780逻辑相连，从而通过电源管理系统实现管理充电、放电、以及功耗管理等功能。电源790还可以包括一个或一个以上的直流或交流电源、再充电系统、电源故障检测电路、电源转换器或者逆变器、电源状态指示器等任意组件。

尽管未示出，终端700还可以包括蓝牙模块等，在此不再赘述。

具体在本实施例中，终端700还包括有存储器，所述存储器中存储有至少一条指令、至少一段程序、代码集或指令集，所述至少一条指令、所述至少一段程序、所述代码集或指令集由所述处理器加载并执行以实现上述图片处理方法。

在示例性实施例中，还提供了一种计算机可读存储介质，所述存储介质中存储有至少一条指令、至少一段程序、代码集或指令集，所述至少一条指令、所述至少一段程序、所述代码集或指令集由计算机设备的处理器加载并执行以实现上述方法实施例中的各个步骤。可选地，上述计算机可读存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等。上述计算机设备可以是终端，也可以是服务器。

在示例性实施例中，还提供了一种计算机程序产品，当该计算机程序产品被执行时，其用于实现上述方法实施例中的各个步骤的功能。

应当理解的是，在本文中提及的“多个”是指两个或两个以上。“和/或”，描述关联对象的关联关系，表示可以存在三种关系，例如，A和/或B，可以表示：单独存在A，同时存在A和B，单独存在B这三种情况。字符“/”一般表示前后关联对象是一种“或”的关系。

上述本发明实施例序号仅仅为了描述，不代表实施例的优劣。

以上所述仅为本发明的示例性实施例，并不用以限制本发明，凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。

Claims (14)

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

获取待处理的目标图片；

在获取到对应于所述目标图片的编辑指示时，控制所述目标图片进入可编辑状态；

在所述目标图片处于所述可编辑状态的情况下，在所述目标图片上绘制至少一个元素；

在检测到目标元素被选中时，将所述目标图片以及除所述目标元素以外的其它元素绘制到缓存图层中，并将所述目标元素绘制到活动图层中；

将所述缓存图层中的内容绘制到合成图层中，并将所述合成图层中的内容绘制到屏幕中显示，且将所述活动图层中的内容也绘制到所述屏幕中显示；其中，所述活动图层中的内容直接绘制到所述屏幕中显示，而不是绘制到所述合成图层之后再绘制到所述屏幕中显示，所述活动图层中的内容显示在所述合成图层中的内容的上层，以使得处于选中状态的所述目标元素位于最上层显示；

根据对应于所述目标元素的操作信号，在所述活动图层中调整所述目标元素的样式；

在调整完成之后，在所述合成图层中绘制所述目标图片，根据所述缓存图层以及所述活动图层中各个元素的上下位置关系，按位置由下往上的顺序在所述合成图层中逐个绘制元素，将所述合成图层中的内容绘制到所述屏幕中显示。

2.根据权利要求1所述的方法，其特征在于，所述根据对应于所述目标元素的操作信号，在所述活动图层中调整所述目标元素的样式，包括：

根据对应于所述目标元素的操作信号，对所述活动图层中的所述目标元素执行以下至少一项操作：平移、缩放、旋转、扭曲。

3.根据权利要求1所述的方法，其特征在于，所述在所述目标图片上绘制至少一个元素，包括：

在获取到元素添加指示之后，根据元素绘制操作在所述活动图层中绘制新增元素；

在绘制完成之后，将所述活动图层与所述缓存图层中的内容合并后绘制到屏幕中显示，所述缓存图层中包括所述目标图片以及在绘制所述新增元素之前在所述目标图片上绘制的所有元素。

4.根据权利要求1或3所述的方法，其特征在于，所述将所述活动图层与所述缓存图层中的内容合并后绘制到屏幕中显示，包括：

将所述活动图层与所述缓存图层中的内容绘制到合成图层中；

将所述合成图层中的内容绘制到所述屏幕中显示。

5.根据权利要求1所述的方法，其特征在于，所述控制所述目标图片进入可编辑状态，包括：

对所述目标图片的二进制文件进行解码，得到位图形式的目标图片，所述位图形式的目标图片为可编辑图像。

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

在获取到马赛克添加指示之后，根据马赛克绘制操作将马赛克图层中所包括的所述目标图片对应的马赛克图片的目标区域的透明度由全透明设置为预设透明度，所述马赛克图片原始的透明度为全透明；

将所述马赛克图层与所述缓存图层中的内容合并后绘制到所述屏幕中显示，所述缓存图层中包括所述目标图片以及在所述目标图片上绘制的所有元素。

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

获取模块，用于获取待处理的目标图片；

控制模块，用于在获取到对应于所述目标图片的编辑指示时，控制所述目标图片进入可编辑状态；

第一绘制模块，用于在所述目标图片处于所述可编辑状态的情况下，在所述目标图片上绘制至少一个元素；

第二绘制模块，用于在检测到目标元素被选中时，将所述目标图片以及除所述目标元素以外的其它元素绘制到缓存图层中，并将所述目标元素绘制到活动图层中；将所述缓存图层中的内容绘制到合成图层中，并将所述合成图层中的内容绘制到屏幕中显示，且将所述活动图层中的内容也绘制到所述屏幕中显示；其中，所述活动图层中的内容直接绘制到所述屏幕中显示，而不是绘制到所述合成图层之后再绘制到所述屏幕中显示，所述活动图层中的内容显示在所述合成图层中的内容的上层，以使得处于选中状态的所述目标元素位于最上层显示；

调整模块，用于根据对应于所述目标元素的操作信号，在所述活动图层中调整所述目标元素的样式；

第一显示模块，用于在调整完成之后，在所述合成图层中绘制所述目标图片，根据所述缓存图层以及所述活动图层中各个元素的上下位置关系，按位置由下往上的顺序在所述合成图层中逐个绘制元素，将所述合成图层中的内容绘制到所述屏幕中显示。

8.根据权利要求7所述的装置，其特征在于，所述调整模块，用于根据对应于所述目标元素的操作信号，对所述活动图层中的所述目标元素执行以下至少一项操作：平移、缩放、旋转、扭曲。

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

所述第一绘制模块，用于在获取到元素添加指示之后，根据元素绘制操作在所述活动图层中绘制新增元素；

所述第一显示模块，还用于在绘制完成之后，将所述活动图层与所述缓存图层中的内容合并后绘制到屏幕中显示，所述缓存图层中包括所述目标图片以及在绘制所述新增元素之前在所述目标图片上绘制的所有元素。

10.根据权利要求7或9所述的装置，其特征在于，所述第一显示模块，用于：

将所述活动图层与所述缓存图层中的内容绘制到合成图层中；

将所述合成图层中的内容绘制到所述屏幕中显示。

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

所述控制模块，用于对所述目标图片的二进制文件进行解码，得到位图形式的目标图片，所述位图形式的目标图片为可编辑图像。

12.根据权利要求7至11任一项所述的装置，其特征在于，所述装置还包括：

设置模块，用于在获取到马赛克添加指示之后，根据马赛克绘制操作将马赛克图层中所包括的所述目标图片对应的马赛克图片的目标区域的透明度由全透明设置为预设透明度，所述马赛克图片原始的透明度为全透明；

第二显示模块，用于将所述马赛克图层与所述缓存图层中的内容合并后绘制到所述屏幕中显示，所述缓存图层中包括所述目标图片以及在所述目标图片上绘制的所有元素。

13.一种计算机设备，其特征在于，所述设备包括处理器和存储器，所述存储器中存储有至少一条指令、至少一段程序、代码集或指令集，所述至少一条指令、所述至少一段程序、所述代码集或指令集由所述处理器加载并执行以实现如权利要求1至6任一项所述的图片处理方法。

14.一种计算机可读存储介质，其特征在于，所述存储介质中存储有至少一条指令、至少一段程序、代码集或指令集，所述至少一条指令、所述至少一段程序、所述代码集或指令集由处理器加载并执行以实现如权利要求1至6任一项所述的图片处理方法。

Images