CN103903292B - 一种实现头像编辑界面的方法和系统 - Google Patents

Abstract

本发明公开了一种实现头像编辑界面的方法和系统，该方法包括：对于选择的图片，按编辑视图尺寸缩放该图片，生成待编辑图片，创建第一内存位图，将待编辑图片加载到第一内存位图中；生成与编辑视图尺寸相同，并且对应于编辑视图中裁剪区的部分被镂空的半透明的遮罩层，创建第二内存位图，将遮罩层加载到第二内存位图中；将第二内存位图叠加到第一内存位图，在该第一内存位图中绘制裁剪区的边框，并在边框上绘制编辑锚点；将绘制有边框和编辑锚点的该第一内存位图绘制到编辑视图中并显示；将待编辑图片中对应于裁剪区的部分按头像展示区尺寸缩放后添加到头像展示区中。本发明提供的技术方案能够解决实现头像编辑界面的过程效率低的技术问题。

Description

一种实现头像编辑界面的方法和系统

技术领域

本发明涉及计算机领域，特别是涉及一种实现头像编辑界面的方法和系统。

背景技术

在目前大部分即时通讯IM应用中都提供了自定义头像的功能，现有的头像编辑方法通常是在本地图片中选取一张图片，对所选中的图片进行裁剪，裁剪出所选取的图片的一部分作为IM应用程序的用户头像。

由于在裁剪过程中，需要生成一个对所选取的图片进行裁剪的编辑视图，现有技术中实现包括该编辑视图的头像编辑界面的方案中存在实现头像编辑界面的过程效率低、操作不流畅的问题。

发明内容

本发明提供了一种实现头像编辑界面的方法和系统，本发明提供的技术方案能够解决现有的头像编辑方法存在编辑视图的运行效率低、操作不流畅的问题。

为达到上述目的，本发明的技术方案是这样实现的：

本发明公开了一种实现头像编辑界面的方法，一种实现头像编辑界面的方法，其特征在于，所述头像编辑界面中包括编辑视图和头像展示区，所述编辑视图中包括裁剪区，该方法包括：

对于选择的图片，按编辑视图尺寸缩放该图片，生成待编辑图片，创建第一内存位图，将所述待编辑图片加载到所述第一内存位图中；

生成半透明的遮罩层，所述遮罩层尺寸与编辑视图尺寸相同，并且所述遮罩层中对应于编辑视图中裁剪区的部分被镂空，创建第二内存位图，将所述遮罩层加载到所述第二内存位图中；

将所述第二内存位图叠加到所述第一内存位图，在该第一内存位图中绘制裁剪区的边框，并在该裁剪区的边框上绘制编辑锚点；

将绘制有边框和编辑锚点的该第一内存位图绘制到编辑视图中并显示；

将待编辑图片中对应于裁剪区的部分按头像展示区尺寸缩放后添加到头像展示区中。

其中，所述生成半透明的遮罩层具体包括：

创建与编辑视图尺寸相同的区域对象，在所述区域对象中将与所述编辑视图中裁剪区对应的部分镂空；在所述区域对象中添加半透明遮罩，生成半透明的遮罩层。

其中，所述生成待编辑图片后还包括：

复制待编辑图片中对应于裁剪区的部分，获得裁剪图片，对所述裁剪图片进行图像处理，创建第三内存位图，将经图像处理后的裁剪图片加载到第三内存位图中；

所述将所述第二内存位图叠加到所述第一内存位图后还包括：

将所述第三内存位图叠加到第一内存位图中对应于裁剪区的位置；

所述将待编辑图片中对应于裁剪区的部分按头像展示区尺寸缩放后添加到头像展示区中具体包括：

将经图像处理后的裁剪图片按头像展示区尺寸缩放后添加到头像展示区中。

其中，所述图像处理包括如下图像处理中的一种或多种：

黑白化滤镜处理、光晕化滤镜处理、水滴滤镜处理和色调调整处理。

其中，所述在将所述待编辑图片加载到所述第一内存位图中之后还包括：

在第一内存位图中绘制指定的文字和/或线形图；

所述将待编辑图片中对应于裁剪区的部分按头像展示区尺寸缩放后添加到头像展示区中具体包括：

通过溶合算法将绘制的文字和/或线形图绘制到待编辑图片中；

将该待编辑图片中对应于裁剪区的部分按头像展示区尺寸缩放后添加到头像展示区中。

其中，该方法还包括：

在接收到编辑裁剪区指令后，根据所述编辑裁剪区指令设置新的裁剪区，以该新的裁剪区作为所述编辑视图中裁剪区，执行所述创建第一内存位图，将所述待编辑图片加载到所述第一内存位图中的步骤和后续步骤。

本发明还公开了一种实现头像编辑界面的系统，所述头像编辑界面中包括编辑视图和头像展示区，所述编辑视图中包括裁剪区，该系统包括：原图层生成模块、遮罩层生成模块、叠加模块、显示模块和头像展示模块；

所述原图层生成模块，用于对于选择的图片，按编辑视图尺寸缩放该图片，生成待编辑图片，创建第一内存位图，将所述待编辑图片加载到所述第一内存位图中，将所述第一内存位图传送给所述叠加模块；

所述遮罩层生成模块，用于生成半透明的遮罩层，所述遮罩层尺寸与编辑视图尺寸相同，并且所述遮罩层中对应于编辑视图中裁剪区的部分被镂空，创建第二内存位图，将所述遮罩层加载到所述第二内存位图中，将所述第二内存位图传送给所述叠加模块；

所述叠加模块，用于将所述第二内存位图叠加到所述第一内存位图，在该第一内存位图中绘制裁剪区的边框，并在该裁剪区的边框上绘制编辑锚点，将绘制有边框和编辑锚点的该第一内存位图传送给所述显示模块；

所述显示模块，用于将绘制有边框和编辑锚点的该第一内存位图绘制到编辑视图中并显示；

所述头像展示模块，用于将待编辑图片中对应于裁剪区的部分按头像展示区尺寸缩放后添加到头像展示区中。

其中，所述遮罩层生成模块，用于创建与编辑视图尺寸相同的区域对象，在所述区域对象中将与所述编辑视图中裁剪区对应的部分镂空；在所述区域对象中添加半透明遮罩，生成半透明的遮罩层。

其中，该系统还包括：裁剪图片生成模块，

所述裁剪图片生成模块，用于复制待编辑图片中对应于裁剪区的部分，获得裁剪图片，对所述裁剪图片进行图像处理，创建第三内存位图，将经图像处理后的裁剪图片加载到第三内存位图中，将所述第三内存位图传送给所述叠加模块，将所述经图像处理后的裁剪图片传送给所述头像展示模块；

所述叠加模块，还用于将所述第三内存位图叠加到第一内存位图中对应于裁剪区的位置；

所述头像展示模块，还用于将经图像处理后的裁剪图片按头像展示区尺寸缩放后添加到头像展示区中。

其中，所述原图层生成模块，还用于在第一内存位图中绘制指定的文字和/或线形图；

所述显示模块，用于通过溶合算法将绘制的文字和/或线形图绘制到待编辑图片中；将该待编辑图片中对应于裁剪区的部分按头像展示区尺寸缩放后添加到头像展示区中。

综上所述，本发明提供了一种实现头像编辑界面的方法和系统，本发明提供的技术方案通过在内存中创建多个内存位图，在创建的多个内存位图中分别处理待编辑图片、遮罩层、裁剪区的边框和锚点。由于对于待编辑图片和遮罩层在不同内存位图中进行处理，因此在实现头像编辑界面时，通过在内存中预处理来实现头像编辑界面，从而使得整个头像编辑界面的实现过程平滑，解决了现有技术中实现头像编辑界面的过程效率低、操作不流畅的问题。

附图说明

图1是本发明中一种实现头像编辑界面的方法流程图；

图2是本发明的一实施例的实现头像编辑界面的方法的流程图；

图3是本发明的一具体实施例的实现头像编辑界面的方法的流程图；

图4是本发明中一种头像编辑界面的各个图层的示意图；

图5是本发明中一种头像编辑界面中编辑视图的示意图；

图6是本发明的一实施例的头像编辑界面系统的结构图；

图7是本发明的另一实施例的头像编辑界面系统的结构图；

图8是本发明的又一实施例的头像编辑界面系统的结构图。

具体实施方式

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

为达到上述目的本实用新型的技术方案是这样实现的：

在本发明提供的实现头像编辑界面的方法中，头像编辑界面中包括编辑视图和头像展示区，编辑视图中包括裁剪区；图1是本发明中一种实现头像编辑界面的方法流程图；如图1所示，该方法具体包括：

步骤101，对于选择的图片，按编辑视图尺寸缩放该图片，生成待编辑图片，创建第一内存位图，将所述待编辑图片加载到所述第一内存位图中。

步骤102，生成半透明的遮罩层，所述遮罩层尺寸与编辑视图尺寸相同，并且遮罩层中对应于编辑视图中裁剪区的部分被镂空，创建第二内存位图，将遮罩层加载到第二内存位图中。

步骤103，将第二内存位图叠加到第一内存位图，在该第一内存位图中绘制裁剪区的边框，并在该裁剪区的边框上绘制编辑锚点。

步骤104，将绘制有边框和编辑锚点的该第一内存位图绘制到编辑视图中并显示。

步骤105，将待编辑图片中对应于裁剪区的部分按头像展示区尺寸缩放后添加到头像展示区中。

在本发明的具体实现方式中，图1中所示的步骤102中的生成半透明的遮罩层具体包括：创建与编辑视图尺寸相同的区域对象，在区域对象中将与所述编辑视图中裁剪区对应的部分镂空；在区域对象中添加半透明遮罩，生成半透明的遮罩层。

本发明的整体思路为，将待编辑图片、遮罩层、裁剪区的边框和编辑锚点等在内存中分层加载、计算处理，然后再一次性的绘制到窗口的编辑视图。

在本发明的一种实施例中，在头像展示区中呈现经过处理的头像图片。图2是本发明中一种实施例中的实现头像编辑界面的方法的流程图。图4是本发明中一种头像编辑界面的各个图层的示意图；图5是本发明中一种头像编辑界面中编辑视图的示意图。

步骤201，对于选择的图片，按编辑视图尺寸缩放该图片，生成待编辑图片。

步骤202，创建第一内存位图，将待编辑图片加载到第一内存位图中。如图4所示，第一内存位图中加载待编辑图片401，对应于原图层。

步骤203，复制待编辑图片中对应于裁剪区的部分，获得裁剪图片，对该裁剪图片进行图像处理。

在步骤203中，所述图像处理包括滤镜处理和图片的色彩色度处理等，具体可以包括以下图像处理中的一种或多种：黑白化滤镜处理、光晕化滤镜处理、水滴滤镜处理和色调调整处理。在本发明的具体实现方式中，还包括其他的图像处理方式，在此不一一赘述。

步骤204，创建第三内存位图，将经图像处理后的裁剪图片加载到第三内存位图中。

步骤205，生成半透明的遮罩层。

在步骤205中，所生成的遮罩层尺寸与编辑视图尺寸相同，并且遮罩层中对应于编辑视图中裁剪区的部分被镂空。其中，生成半透明的遮罩层的具体方式可以为：创建与编辑视图尺寸相同的区域对象，在该区域对象中将与编辑视图中裁剪区对应的部分镂空；在该区域对象中添加半透明遮罩，生成半透明的遮罩层。其中，所生成的遮罩层为黑色半透明。设置该遮罩层的目的在于使得待编辑图片中作为头像的部分更加突出。

步骤206，创建第二内存位图，将遮罩层加载到第二内存位图中。如图4所示，该第二内存位图中加载遮罩层402，遮罩层402中与编辑视图中裁剪区对应的部分403被镂空，该遮罩层402为黑色半透明。

步骤207，将第二内存位图叠加到所述第一内存位图，将第三内存位图叠加到第一内存位图中对应于裁剪区的位置。

在步骤207中将第三内存位图叠加到第一内存位图中对应于裁剪区的位置，这样第三内存位图中图像覆盖第一内存位图中裁剪区的图像，因此使得在编辑视图的裁剪区中显示的图像与在头像展示区中显示的图像相同。本发明实施例中的叠加均指覆盖，例如将第二内存位图叠加到第一内存位图即为使用第二内存位图覆盖第一内存位图，将第三内存位图叠加到第一内存位图中对应于裁剪区的位置即为使用第三内存位图覆盖第一内存位图中对应于裁剪区的位置。

步骤208，在该第一内存位图中绘制裁剪区的边框，并在该裁剪区的边框上绘制编辑锚点。

步骤209，将绘制有边框和编辑锚点的该第一内存位图绘制到编辑视图中并显示。

如图5所示，第一内存位图中在对应于的裁剪区的部分403绘制边框404，并在边框绘制编辑锚点405。

步骤210，将经图像处理后的裁剪图片按头像展示区尺寸缩放后添加到头像展示区中。

在本发明的其他具体实施例中，除了需要针对将要作为头像的图片进行图像处理，还可能需要在所选取的待编辑图片中增加文字、线性图的操作。以下以在待编辑图片中增加文字为例，对本实施例中方法进行说明。如图3所示，为本实施例中实现头像编辑界面的方法的流程图。

步骤301，对于选择的图片，按编辑视图尺寸缩放该图片，生成待编辑图片。

步骤302，创建第一内存位图，将待编辑图片加载到第一内存位图中。

步骤303，在第一内存位图中绘制指定的文字。在步骤303中，也可以增加线形图，其后续操作与增加文字相同。所增加的文字、线形图在待编辑图片401中直接绘制。

步骤304，生成半透明的遮罩层。

所生成的遮罩层尺寸与编辑视图尺寸相同，并且遮罩层中对应于编辑视图中裁剪区的部分被镂空。其中，生成半透明的遮罩层的具体方式可以为：创建与编辑视图尺寸相同的区域对象，在该区域对象中将与编辑视图中裁剪区对应的部分镂空；在该区域对象中添加半透明遮罩，生成半透明的遮罩层。其中，所生成的遮罩层为黑色半透明。设置该遮罩层的目的在于使得待编辑图片中作为头像的部分更加突出。

步骤305，创建第二内存位图，将遮罩层加载到第二内存位图中。

步骤306，将第二内存位图叠加到第一内存位图。

步骤307，在该第一内存位图中绘制裁剪区的边框，并在该裁剪区的边框上绘制编辑锚点。

步骤308，将绘制有边框和编辑锚点的该第一内存位图绘制到编辑视图中并显示。

步骤309，通过溶合算法将绘制的文字绘制到待编辑图片中。

步骤310，将该待编辑图片中对应于裁剪区的部分按头像展示区尺寸缩放后添加到头像展示区中。

在本发明的另一实施例中，可以对裁剪区进行编辑，例如改变裁剪区域的大小或者位置。

具体为，在接收到编辑裁剪区指令后，根据编辑裁剪区指令设置新的裁剪区，以该新的裁剪区作为编辑视图中裁剪区。然后执行步骤101中创建第一内存位图，将所述待编辑图片加载到所述第一内存位图中的步骤和后续步骤102至105。其中，所示接收到编辑裁剪区的指令可以具体为，响应鼠标事件，在接收到通过鼠标拖拽编辑锚点改变裁剪区的大小或者移动裁剪区的指令。

在图2所示的实施例中，接收到编辑裁剪区指令，根据该编辑裁剪区指令重新设置新的裁剪区，以该新的裁剪区作为步骤201中的待编辑图片中的裁剪区，然后执行步骤202至步骤210。

在图3所示的实施例中，接收到编辑裁剪区指令，根据该编辑裁剪区指令重新设置新的裁剪区，以该新的裁剪区作为步骤301中的待编辑图片中的裁剪区，然后执行步骤302至步骤310。

本发明中提供的技术方案提供的编辑视图为后续的功能性扩展提供了方便。在本发明中通过在内存中预先处理各分层的视图，即分层处理待编辑图片、遮罩层、以及与裁剪区对应的经图像处理的裁剪图片，然后将各分层处理后的图层进行叠加。由于整个实现头像编辑界面的流程都在内存中处理，所以整个实现过程平滑流畅，而分层的处理方式又给后续新功能的添加、扩展留有余地。其中，后续的新功能包括：添加文字、添加线形图、添加图片特效等。

本发明还公开了一种实现头像编辑界面的系统，所述头像编辑界面中包括编辑视图和头像展示区，所述编辑视图中包括裁剪区。

图6是本发明的一实施例的头像编辑界面系统的结构图。该系统包括：原图层生成模块601、遮罩层生成模块602、叠加模块603、显示模块604和头像展示模块605。

原图层生成模块601，用于选择的图片，按编辑视图尺寸缩放该图片，生成待编辑图片，创建第一内存位图，将待编辑图片加载到第一内存位图中，将第一内存位图传送给叠加模块603。

遮罩层生成模块602，用于生成半透明的遮罩层，遮罩层尺寸与编辑视图尺寸相同，并且遮罩层中对应于编辑视图中裁剪区的部分被镂空，创建第二内存位图，将遮罩层加载到第二内存位图中，将第二内存位图传送给叠加模块603。

叠加模块603，用于将第二内存位图叠加到第一内存位图，在该第一内存位图中绘制裁剪区的边框，并在该裁剪区的边框上绘制编辑锚点，将绘制有边框和编辑锚点的该第一内存位图传送给显示模块604。

显示模块604，用于将绘制有边框和编辑锚点的该第一内存位图绘制到编辑视图中并显示。

头像展示模块605，用于将待编辑图片中对应于裁剪区的部分按头像展示区尺寸缩放后添加到头像展示区中。

在上述系统中，遮罩层生成模块602，用于创建与编辑视图尺寸相同的区域对象，在区域对象中将与编辑视图中裁剪区对应的部分镂空；在区域对象中添加半透明遮罩，生成半透明的遮罩层。

在本发明的一实施例中，如图7所示，系统除了包括原图层生成模块601，遮罩层生成模块602、叠加模块603、显示模块604、头像展示模块605外还包括裁剪图片生成模块606，

裁剪图片生成模块606，用于复制待编辑图片中对应于裁剪区的部分，获得裁剪图片，对裁剪图片进行图像处理，创建第三内存位图，将经图像处理后的裁剪图片加载到第三内存位图中，将所述第三内存位图传送给所述叠加模块603，将所述经图像处理后的裁剪图片传送给所述头像展示模块605。

叠加模块603，还用于将第三内存位图叠加到第一内存位图中对应于裁剪区的位置。

叠加模块603将第三内存位图叠加到第一内存位图中对应于裁剪区的位置，这样第三内存位图中图像覆盖第一内存位图中裁剪区的图像，因此使得在编辑视图的裁剪区中显示的图像与在头像展示区中显示的图像相同。

头像展示模块605，还用于将经图像处理后的裁剪图片按头像展示区尺寸缩放后添加到头像展示区中。

在本发明的一实施例中，原图层生成模块601，还用于在第一内存位图中绘制指定的文字和/或线形图。

显示模块604，用于通过溶合算法将绘制的文字和/或线形图绘制到待编辑图片中；将该待编辑图片中对应于裁剪区的部分按头像展示区尺寸缩放后添加到头像展示区中。

在上述系统中，所述图像处理包括如下图像处理中的一种或多种：黑白化滤镜处理、光晕化滤镜处理、水滴滤镜处理和色调调整处理。

在本发明的一实施例中，如图8所示，系统除了包括原图层生成模块601，遮罩层生成模块602、叠加模块603、显示模块604、头像展示模块605外还包括指令接收模块607。

该指令接收模块607，用于接收编辑裁剪区指令，指示原图层生成模块601根据编辑裁剪区指令设置新的裁剪区，以该新的裁剪区为所述编辑视图中裁剪区。

该系统中的遮罩层生成模块602、叠加模块603、显示模块604、头像展示模块605，再次执行实现头像编辑界面操作。

综上所述，本发明提供了一种实现头像编辑界面的方法和系统，本发明提供的技术方案通过在内存中创建多个内存位图，在创建的多个内存位图中分别处理待编辑图片、遮罩层、裁剪区的边框和锚点，为后续的对头像进行图像处理或者添加文字、线性图的功能扩展提供基础；并且，由于在内存中将各个分层次处理得到的内存位图进行叠加操作后，在绘制到视图编辑界面中，使得操作更加平滑流程，避免出现编辑视图时容易存在的运行效率低、操作不流畅的问题。

以上所述仅为本发明的较佳实施例而已，并非用于限定本发明的保护范围。凡在本发明的精神和原则之内所作的任何修改、等同替换、改进等，均包含在本发明的保护范围内。

Claims (10)

1.一种实现头像编辑界面的方法，其特征在于，所述头像编辑界面中包括编辑视图和头像展示区，所述编辑视图中包括裁剪区；将待编辑图片、遮罩层、裁剪区的边框和编辑锚点在内存中分层加载、计算处理，然后再一次性的绘制到所述编辑视图；该方法包括：

步骤1、对于选择的图片，按编辑视图尺寸缩放该图片，生成所述待编辑图片，创建第一内存位图，将所述待编辑图片加载到所述第一内存位图中；

步骤2、生成半透明的所述遮罩层，所述遮罩层尺寸与编辑视图尺寸相同，并且所述遮罩层中对应于编辑视图中裁剪区的部分被镂空，创建第二内存位图，将所述遮罩层加载到所述第二内存位图中；

步骤3、将所述第二内存位图叠加到所述第一内存位图，在该第一内存位图中绘制所述裁剪区的边框，并在该裁剪区的边框上绘制所述编辑锚点；

步骤4、将绘制有边框和编辑锚点的该第一内存位图绘制到编辑视图中并显示；

步骤5、将待编辑图片中对应于裁剪区的部分按头像展示区尺寸缩放后添加到头像展示区中。

2.根据权利要求1所述的方法，其特征在于，

所述生成半透明的遮罩层具体包括：

创建与编辑视图尺寸相同的区域对象，在所述区域对象中将与所述编辑视图中裁剪区对应的部分镂空；在所述区域对象中添加半透明遮罩，生成半透明的遮罩层。

3.根据权利要求1所述的方法，其特征在于，

所述生成待编辑图片后还包括：

复制待编辑图片中对应于裁剪区的部分，获得裁剪图片，对所述裁剪图片进行图像处理，创建第三内存位图，将经图像处理后的裁剪图片加载到第三内存位图中；

所述将所述第二内存位图叠加到所述第一内存位图后还包括：

将所述第三内存位图叠加到第一内存位图中对应于裁剪区的位置；

所述将待编辑图片中对应于裁剪区的部分按头像展示区尺寸缩放后添加到头像展示区中具体包括：

将经图像处理后的裁剪图片按头像展示区尺寸缩放后添加到头像展示区中。

4.根据权利要求3所述的方法，其特征在于，

所述图像处理包括如下图像处理中的一种或多种：

黑白化滤镜处理、光晕化滤镜处理、水滴滤镜处理和色调调整处理。

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

所述在将所述待编辑图片加载到所述第一内存位图中之后还包括：

在第一内存位图中绘制指定的文字和/或线形图；

所述将待编辑图片中对应于裁剪区的部分按头像展示区尺寸缩放后添加到头像展示区中具体包括：

通过溶合算法将绘制的文字和/或线形图绘制到待编辑图片中；

将该待编辑图片中对应于裁剪区的部分按头像展示区尺寸缩放后添加到头像展示区中。

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

该方法还包括：

在接收到编辑裁剪区指令后，根据所述编辑裁剪区指令设置新的裁剪区，以该新的裁剪区作为所述编辑视图中裁剪区，执行所述创建第一内存位图，将所述待编辑图片加载到所述第一内存位图中的步骤和后续步骤2-5。

7.一种实现头像编辑界面的系统，其特征在于，所述头像编辑界面中包括编辑视图和头像展示区，所述编辑视图中包括裁剪区；将待编辑图片、遮罩层、裁剪区的边框和编辑锚点在内存中分层加载、计算处理，然后再一次性的绘制到所述编辑视图；该系统包括：原图层生成模块、遮罩层生成模块、叠加模块、显示模块和头像展示模块；

所述原图层生成模块，用于对于选择的图片，按编辑视图尺寸缩放该图片，生成所述待编辑图片，创建第一内存位图，将所述待编辑图片加载到所述第一内存位图中，将所述第一内存位图传送给所述叠加模块；

所述遮罩层生成模块，用于生成半透明的所述遮罩层，所述遮罩层尺寸与编辑视图尺寸相同，并且所述遮罩层中对应于编辑视图中裁剪区的部分被镂空，创建第二内存位图，将所述遮罩层加载到所述第二内存位图中，将所述第二内存位图传送给所述叠加模块；

所述叠加模块，用于将所述第二内存位图叠加到所述第一内存位图，在该第一内存位图中绘制所述裁剪区的边框，并在该裁剪区的边框上绘制所述编辑锚点，将绘制有边框和编辑锚点的该第一内存位图传送给所述显示模块；

所述显示模块，用于将绘制有边框和编辑锚点的该第一内存位图绘制到编辑视图中并显示；

所述头像展示模块，用于将待编辑图片中对应于裁剪区的部分按头像展示区尺寸缩放后添加到头像展示区中。

8.根据权利要求7所述的系统，其特征在于，

所述遮罩层生成模块，用于创建与编辑视图尺寸相同的区域对象，在所述区域对象中将与所述编辑视图中裁剪区对应的部分镂空；在所述区域对象中添加半透明遮罩，生成半透明的遮罩层。

9.根据权利要求7所述的系统，其特征在于，该系统还包括：裁剪图片生成模块，

所述裁剪图片生成模块，用于复制待编辑图片中对应于裁剪区的部分，获得裁剪图片，对所述裁剪图片进行图像处理，创建第三内存位图，将经图像处理后的裁剪图片加载到第三内存位图中，将所述第三内存位图传送给所述叠加模块，将所述经图像处理后的裁剪图片传送给所述头像展示模块；

所述叠加模块，还用于将所述第三内存位图叠加到第一内存位图中对应于裁剪区的位置；

所述头像展示模块，还用于将经图像处理后的裁剪图片按头像展示区尺寸缩放后添加到头像展示区中。

10.根据权利要求7所述的系统，其特征在于，

所述原图层生成模块，还用于在第一内存位图中绘制指定的文字和/或线形图；

所述显示模块，用于通过溶合算法将绘制的文字和/或线形图绘制到待编辑图片中；将该待编辑图片中对应于裁剪区的部分按头像展示区尺寸缩放后添加到头像展示区中。