CN104616331A - 移动设备上的图像处理方法和装置 - Google Patents

Abstract

本申请公开了一种移动设备上的图像处理方法和装置。图像包括一个或多个图像素材，图像处理方法的一具体实施方式包括：获取所述图像素材的中间数据，其中，所述中间数据具有移动设备可以识别的第一数据结构；将所述中间数据转换为目标数据，所述目标数据具有移动设备的渲染应用可识别的第二数据结构；以及利用所述渲染应用渲染所述目标数据以绘制生成新的图像。该实施方式拓展了移动设备上的图像处理能力。

Description

移动设备上的图像处理方法和装置

技术领域

本申请涉及计算机技术领域，具体涉及图像处理技术领域，尤其涉及一种移动设备上的图像处理方法和装置。

背景技术

当前的各种社交网站或社交应用通常可以设置用户的头像。这些头像的设置一般是从给定的图像中进行选择，无法满足用户的个性化定制的需要。

已知可以在个人计算机(PC)端绘制头像所需的各种素材，然后对素材进行拼接以生成头像图片。这些素材通常为可缩放矢量图形SVG格式。然而，由于移动设备无法识别这种SVG素材，因此PC端绘制的SVG素材无法直接应用于移动设备，也即无法在移动设备上进行动态拼接。因而，目前对图像素材的拼接大都需要借助PC端，难以满足用户在移动设备上利用图像素材自己设计诸如头像之类的图像的需求。

发明内容

本申请的目的在于提出一种移动设备上的图像处理方法和装置，来解决以上背景技术部分提到的技术问题。

第一方面，本申请提供了一种移动设备上的图像处理方法。其中，图像包括一个或多个图像素材，该方法包括：获取图像素材的中间数据，其中，中间数据具有移动设备可以识别的第一数据结构；将中间数据转换为目标数据，目标数据具有移动设备的渲染应用可识别的第二数据结构；以及利用渲染应用渲染目标数据以绘制生成新的图像。

第二方面，本申请还提供了一种移动设备上的图像处理装置，图像包括一个或多个图像素材，该装置包括：获取单元，配置用于获取图像素材的中间数据，其中，中间数据具有移动设备可以识别的第一数据结构；转换单元，配置用于将中间数据转换为目标数据，目标数据具有移动设备的渲染应用可识别的第二数据结构；以及渲染单元，配置用于利用渲染应用渲染目标数据以绘制生成新的图像。

本申请提供的移动设备上的图像处理方法和装置，通过引入移动设备可以识别的中间数据，使用户可以在移动设备上对图像素材进行拼接等操作，从而能在移动设备上设计图像。本申请的实施例解决了PC端绘制的图像素材无法在移动设备上使用的问题。

附图说明

通过阅读参照以下附图所作的对非限制性实施例所作的详细描述，本申请的其它特征、目的和优点将会变得更明显：

图1是根据本申请的移动设备上的图像处理方法的一个实施例的流程图；

图2是根据本申请的移动设备上的图像处理方法的另一个实施例的流程图；

图3是根据本申请的图像处理方法的应用场景示意图；以及

图4是根据本申请的移动设备上的图像处理装置的结构示意图。

具体实施方式

下面结合附图和实施例对本申请作进一步的详细说明。可以理解的是，此处所描述的具体实施例仅仅用于解释相关发明，而非对该发明的限定。另外还需要说明的是，为了便于描述，附图中仅示出了与有关发明相关的部分。

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

请参考图1，其示出了本申请的移动设备上的图像处理方法的一个实施例的流程图100。本实施例主要以该方法应用于包含有显示屏的移动设备中来举例说明，该移动设备可以包括智能手机、平板电脑、电子书阅读器、MP3播放器(Moving Picture Experts Group Audio LayerIII，动态影像专家压缩标准音频层面3)、MP4(Moving Picture ExpertsGroup Audio Layer IV，动态影像专家压缩标准音频层面4)播放器和膝上型计算机等等。这些移动设备可以基于Android、Windows Phone、IOS等操作系统。所述的移动设备上的图像处理方法，包括以下步骤：

步骤101，获取图像素材的中间数据。

图像可以包括一个或多个图像素材。例如，对于用于社交网站或社交应用的头像而言，图像可以是卡通人物形象。这种图像的图像素材例如可以包括：头发、脸型、鼻子、眼睛、眉毛、嘴巴、上装、下装、套装、帽子、眼镜、胡子和背景。对于其他类型的图像，同样可以划分各种图像素材。

在本实施例中，可以利用移动设备或者移动设备上的应用来获取图像素材的中间数据，其中，中间数据具有移动设备可以识别的第一数据结构。

目前的图像素材通常是在PC端绘制，其格式通常为移动设备无法识别的格式，例如SVG(Scalable Vector Graphics，可伸缩矢量图形)、PSD/PDD(图像处理软件Photoshop专用格式)以及AI(矢量绘图工具Adobe Illustrator)等。因此，需要将图像素材从移动设备无法识别的格式转换为移动设备能够识别的格式，也即引入一种中间格式，以将图像素材从PC端传递到移动设备端。转换通常是指，通过源文件格式编码规范对文件进行解码获得文件信息，再根据目标格式编码规范对文件信息重新编码，从而实现不同的编码形式但表示相同的内容。具有这种中间格式的图像素材的数据可以称为图像素材的中间数据。可以在绘制图像素材的PC端执行这种转换，然后将转换后的中间数据传递给移动设备以供使用。

在一些可选的实现方式中，由于移动设备的内存、处理能力等资源有限，因此在上述格式转换中可以对数据进行优化，以缩小图像素材的中间数据的大小。通常情况下，PC端绘制的图像素材需要实现很多功能，往往数据量比较大，加载时需要占用很多内存。如果在上述格式转换过程中，保留所有原始信息，则在应用于移动设备上时，通常运行比较缓慢，效率较低。因此，在一些实现中，在进行格式转换时，可以对原始图像素材进行预处理，将原始图像素材中的信息进行优化，例如去除冗余信息，删除在移动设备上显示时不会用到的信息，以便加速后续对中间数据的处理。例如，SVG图像素材中可能会包含一些无用元素或者无用的元素属性，这些元素或元素属性对于SVG显示没有多大关系，但是保留的话会花费很多无用的操作，例如在后续将描述的转换时会降低转换效率，因此预处理时可以删除这些无用的元素或元素属性。

在一些实施例中，中间数据可以是JavaScript可以识别的JSON对象(JavaScript Object Notation，Java脚本对象注解)，也可以是HTML(Hyper Text Mark-up Language，超文本标记语言)文件或者XML(Extensible Markup Language，可扩展标记语言)文件，本申请在此方面没有限制。可以根据当前配置或设计的图像所需的图像素材，查找与该图像素材对应的中间数据，从而获得中间数据。

在一些实施例中，可以定义中间数据的第一数据结构。例如，当图像为卡通人物形象时，中间数据的数据结构可以包括图像素材的类别，例如脸型、鼻子、眉毛、眼睛、嘴巴等分类；还可以包括图像素材的颜色属性，例如是否可换色，如肤色、唇色和发色等；还可以包括图像素材对应的缩放系数和移动系数等属性。本领域技术人员可以理解，取决于图像的内容或应用，可以根据需要定义更具体的数据结构属性。本申请在此方面没有限制。

步骤102，将中间数据转换为目标数据。

在本实施例中，根据查找到的中间数据，可以利用相关应用(例如JavaScript)将与图像素材对应的中间数据转换为目标数据，其中，目标数据具有移动设备的渲染应用可识别的第二数据结构。

在一些可选的实现方式中，上述转换过程为在PC端执行的格式转换过程(或称第一次转换过程)的逆向转换过程(或称第二次转换过程)。在一些实施例中，将中间数据转换为目标数据可以包括将JSON对象逆向转换为SVG数据。在一些实施例中，由于在第一次转换过程中进行了相应的优化，所以在此逆转换过程期间，转换速度可以更快，效率更高。

在一些可选的实现方式中，渲染应用可以是将图像素材转换或渲染成图像的工具，该工具可以是浏览器或浏览器内部的一个组件，也可以是相关的图像渲染应用。渲染应用的基本实现思想是：获取相关参数，如几何参数(图像的大小，中心坐标等)、视点、纹理、照明、阴影以及像素大小等，然后根据相关参数将图像素材转变成图像。图像可以是数字图像或者位图图像。

在一些实施例中，渲染应用可以是Webview浏览器，目标数据可以具有Webview可以识别的SVG Tree数据结构。

步骤103，利用渲染应用渲染目标数据以绘制生成新的图像。

在本实施例中，移动设备可以利用渲染应用(如某些浏览器)对目标数据进行渲染，也即可以对图像素材进行绘制从而生成新的图像。

在一些可选的实现方式中，可以通过对目标数据的解析，获取渲染所需的参数，如几何参数、像素大小等，然后根据这些参数将图像素材转变成图像。

需要注意的是，如果需要拼接多个图像素材以形成一个新的图像，则可以按照上述方法针对每个图像素材逐一进行处理。在一些实施例中，假设需要生成一幅卡通人物图像，该图像包括头发、脸型、鼻子、眼睛、眉毛、嘴巴、衣服等素材，则可以针对这些素材中的每一个，逐一进行对应的中间数据的获取、目标数据的转换以及渲染等步骤。当完成所有素材的渲染时，即可以完成该卡通人物图像的生成或拼接。

根据本申请实施例的图像处理方法，通过把在PC端绘制的图像素材转换为移动设备端可识别的中间数据格式，可以实现图像素材在移动设备上的动态拼接。此外，在移动设备上将图像素材的中间数据格式转换为移动设备上的渲染应用支持的目标格式后，可以利用渲染应用进行渲染，完成图像素材的拼接。本申请的上述实施例可以使得PC端绘制的图像素材在移动设备端进行拼接绘制，已用于移动设备上的各种应用，例如社交网站或社交应用上的头像个性化设计。

进一步参考图2，其示出了本申请的移动设备上的图像处理方法的另一个实施例的流程图200。

步骤201，接收并保存图像素材的中间数据。

如图1的步骤101中所提到的，可以在PC端绘制各种图像素材，通常这些图像素材具有移动设备无法识别的数据结构或格式。因此，为了在移动设备上使用这些图像素材，首先将图像素材的原始格式转换为移动设备能够识别的格式，也即中间数据格式，继而将转换后的中间数据传递给移动设备以供使用。移动设备接收这些图像素材的中间数据并将其保存在本地素材库中。

在一些可选的实现方式中，中间数据可以是JSON格式的数据。在渲染之前，移动设备上都可以使用该数据格式进行数据的传递。

步骤202，获取移动设备的屏幕配置信息。

移动设备的屏幕配置信息例如可以包括屏幕大小、分辨率等。移动设备的屏幕配置种类繁多，无法枚举，因此需要获取移动设备的屏幕配置信息。在本实施例中，通过获取屏幕配置信息，可以确保渲染后的图像或图像素材在不同尺寸、不同分辨率的移动设备上不会出现失真。

例如，图像和/或图像素材可以都是在尺寸为480*800的画布上绘制的，但是如果移动设备的屏幕不是这个尺寸，则图像直接在屏幕上显示就会出现太大或者太小的状况，不仅影响后期操作，用户体验也极差。所以需要获取移动设备的屏幕配置信息，以供后期图像的渲染或者图像素材或图像的缩放使用。例如，画布尺寸为480*800，则在尺寸为480*800的移动设备上无需缩放，但对于2560*1920的尺寸的移动设备而言，需要进行放大。

屏幕配置信息的使用将在后续描述。需要注意的是，虽然在本实施例中，在步骤202中获取屏幕配置信息，但是在实际操作和应用时，也可以在需要使用屏幕配置信息时才进行获取，本申请在此方面没有限制。

在一些可选的实现方式中，也可以不用获取屏幕配置信息，由用户自己调节大小，例如对图像或图像素材进行任意缩放，以达到用户想要的效果，同时也能满足某些用户的特殊偏好。例如，绘制人物形象时，某些用户偏向于将脑袋绘制的很大，而将身体绘制的很小，或者某些用户偏向于将四肢绘制的很大等。

在另一些可选的实现方式中，还可以将获取屏幕配置信息与用户手动调节相结合，一方面可以减少用户许多不必要的操作，如获取的屏幕尺寸与原始画布的大小不一致时，可以通过获取的屏幕大小进行自动调节，从而避免用户繁琐的操作。另一方面，由于用户可以手动调节大小，也能增强用户体验。例如，绘制人物时，如果用户发现头发与帽子不匹配，例如头发比帽子还大很多，则用户可以手动调节帽子的大小，以使之能与头发匹配。

在另一些可选的实现方式中，用户除了可以调节图像或图像素材的大小之外，还可以手动调节上述各部分在屏幕上的位置。例如，在绘制人物时，用户已经有了自己比较中意的图像素材例如眉毛和眼睛，但是发现将其绘制在屏幕上时，位置摆放得特别不协调，例如眼睛和眉毛挨得太近，则用户可以通过手动调节二者之间的位置，以使之看起来更加和谐、美观。

步骤203，初始化图像素材。

可选地，可以在创建图像时对图像的诸多图像素材进行初始化，以简化用户的操作。在本实施例中，可以根据选择的策略对图像素材进行初始配置。初始化的过程例如可以是为用户生成一个默认的模板，使用户可以在模板上进行各种编辑操作，例如添加、删除和替换图像素材以及调整位置和大小等。

在一些可选的实现方式中，可以获取图像的属性信息，进而根据属性信息对图像进行初始化。例如属性信息可以包括图像的类别，诸如风景、静物、人物等。如果绘制人物图像，其属性还可以进一步包括人物的国籍、性别等。通过获取国籍和性别信息，可以初步提供一个人物形象模型，以供用户后续操作使用。如根据国家(如印尼、泰国以及埃及等)和性别信息对图像进行不同策略的配置。其中，以绘制人物为例，初始化的图像素材可以包括脸型和服装，也可以包括其他图像素材，例如头发、肤色、鼻子、眼睛、眉毛、嘴巴、上衣、裤子、帽子、眼镜、胡子以及背景等。

步骤204，获取图像素材的中间数据。

在本实施例中，针对当前处理的图像素材，获取与该图像素材对应的中间数据。例如，可以先处理脸型素材，获取与脸型素材对应的中间数据。该步骤的详细描述可以参见结合图1的步骤101的描述，此处不再赘述。

步骤205，将中间数据转换为目标数据。

步骤206，利用渲染应用渲染目标数据以绘制生成新的图像。

步骤205和206的详细描述可以参见结合图1的步骤102和103的描述，此处不再赘述。

在一些可选的实现方式中，渲染应用为WebView浏览器，目标数据为SVG数据。可以利用Webview支持渲染SVG数据的特性，使用JavaScript对图像素材的中间数据进行逆向转换，还原成Webview可以识别的SVG数据格式，并挂载在DOM Tree上进行渲染，完成图像素材的拼接绘制。其中，DOM是文档对象化模型(Document ObjectModel)的简称。DOM Tree是指通过DOM将HTML页面进行解析，并生成的HTML tree树状结构和对应访问方法。借助DOM Tree，可以直接而且简易的操作HTML页面上的每个标记内容。

需要注意的是，如果需要拼接多个图像素材以形成一个新的图像，则可以按照上述方法针对每个图像素材逐一进行处理。在一些实施例中，假设需要生成一幅卡通人物图像，该图像包括头发、脸型、鼻子、眼睛、眉毛、嘴巴、衣服等素材，则可以针对这些素材中的每一个，逐一进行对应的中间数据的获取、目标数据的转换以及渲染等步骤。当完成所有素材的渲染时，即可以完成该卡通人物图像的生成或拼接

可选地，步骤207，对绘制的图像的图像素材进行编辑。

在一些可选的实现方式中，可以对绘制或拼接出图像进行各种编辑操作。编辑操作可以包括但不限于添加、删除、替换图像素材以及调整图像素材大小和位置。以人物形象素材的编辑为例，其中，添加可以是添加新的图像素材，如原图像素材中没有帽子，可以添加。删除可以对原有的图像素材进行删除，如可以将头发素材删除，变成光头。替换可以是将原有的素材替换成新的素材，例如换一种脸型。添加和替换操作大体上与前面的步骤204-206类似，替换操作还需要先删除之前已有的将被替换掉的图像素材。需要对素材的大小和位置进行调整的时候，也可以自主调节。

进一步可选的，步骤208，对绘制的图像的尺寸进行调整。

在此步骤中，可以根据移动设备的屏幕配置信息对所绘制的图像的尺寸进行调整，以适应移动设备的屏幕尺寸和分辨率等。如前面所提到的，绘制图像和/或图像素材的画布尺寸可能与移动设备的屏幕不匹配，这有可能引起移动设备上的显示失真。因此，可以根据步骤202中获取的屏幕配置信息对绘制的图像的尺寸进行调整，以匹配移动设备的屏幕配置。

可以理解，虽然在图2中将步骤208绘出为单独的步骤，该步骤也可以合并在步骤206中，也即，在渲染目标数据时，考虑移动设备的屏幕配置信息，以渲染出适合移动设备的屏幕尺寸和分辨率的图像。

从图2中可以看出，与图1不同的是，图2中增加了一些可选或附加的步骤。例如，通过步骤202和208，获取移动设备的屏幕配置信息；以及根据屏幕配置信息调整所绘制的图像的尺寸。通过获取屏幕尺寸，可以使图像和素材都能以更好的比例显示，更加和谐、美观，并且可以保证图像素材在不同尺寸、分辨率的移动设备上不会出现失真。再如，步骤203，初始化图像素材。通过加入该步骤，可以实现用户直接在初始化的模型上操作，由于初始化的模型已经在一定程度上贴近用户需求，所以可以很大程度上为用户节约时间，增强用户体验。又如，步骤207，对绘制的图像的图像素材进行编辑。通过加入该步骤，可以是用户随时都能对已经完成的图像进行更改，而不用再重新绘制，极大地提高了效率。需要说明的是，以上各个新加入的步骤都能与图1中的步骤进行结合，从而形成新的技术方案，并且能实现以上描述的有益效果。本领域的技术人员可以理解，对其中任意一个新加入步骤的添加和删除都在本发明的保护范围之内。

参考图3，其示出了根据本申请的图像处理方法的应用场景示意图。

如图3所示，用户在PC端绘制图像素材，并对所绘制的图像素材进行转换，完成了第一次转换。第一次转换后的图像素材具有移动设备可以识别的第一数据结构，也即中间数据结构。之后图像素材的中间数据可以传递给移动设备以在各种移动设备上使用。图3中例如示出了以下各种移动设备：基于Android系统的移动电话、基于IOS系统的移动电话、基于Windows Phone的移动电话以及Pad等平板式电脑。中间数据的传输可以极大地扩展移动设备的图像处理能力。进一步地，通过将在PC端绘制的素材运用于移动终端，可以更好地满足用户自己设计图像例如头像的想法，从而能够很好地提升用户体验。

进一步参考图4，其示出了根据本申请的移动设备上的图像处理装置的结构示意图400。作为对上述各图所示方法的实现，本申请提供了移动设备上的图像处理装置的一个实施例，该装置实施例与图1和图2所示的方法实施例相对应，该装置具体可以应用于移动设备中。

如图4所示，本实施例所述的移动设备上的图像处理装置400包括：获取单元401，转换单元402和渲染单元403。其中，获取单元401配置用于获取图像素材的中间数据，其中，中间数据具有移动设备可以识别的第一数据结构。转换单元402配置用于将中间数据转换为目标数据，目标数据具有移动设备的渲染应用可识别的第二数据结构。渲染单元403配置用于利用渲染应用渲染目标数据以绘制生成新的图像。

在本实施例的一个可选实施方式中，上述中间数据是从可缩放矢量图形SVG图像素材转换而成的Java脚本对象注解JSON对象。上述转换单元还配置用于将JSON对象逆向转换为SVG数据。

在本实施例的另一个可选的实施方式中，上述装置还包括：屏幕信息获取单元(未示出)，配置用于获取移动设备的屏幕配置信息；以及调整单元(未示出)，配置用于根据屏幕配置信息调整所绘制的图像的尺寸。

在本实施例的又一个可选的实施方式中，上述装置还包括：初始化单元(未示出)，配置用于初始化图像素材。可选的，上述初始化单元还配置用于根据选择的策略对图像素材进行初始配置。在一种实现中，上述图像为人物形象，策略可以包括以下至少一项：人物形象的国籍；人物形象的性别。

在本实施例的另一个可选的实施方式中，上述装置还包括：编辑单元(未示出)，配置用于对绘制的图像的图像素材进行编辑。编辑可以包括以下至少一项：添加图像素材、删除图像素材和替换图像素材。

可选的，渲染应用可以为Webview浏览器。渲染应用也可以是用于渲染SVG之类的数据的其他应用或浏览器。

在一些实现中，上述图像为人物形象，其图像素材可以包括以下至少一项：头发、脸型、鼻子、眼睛、眉毛、嘴巴、上装、下装、套装、帽子、眼镜、胡子和背景。

应当理解，装置400中记载的诸单元或模块与参考图1-2描述的方法中的各个步骤相对应。由此，上文针对方法描述的操作和特征同样适用于装置400及其中包含的单元，在此不再赘述。装置400可以预先实现在移动设备上，也可以通过下载等方式而加载到移动设备中。装置400中的相应单元可以与移动设备中的单元相互配合以实现本申请实施例的方案。

附图中的流程图和框图，图示了按照本发明各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，所述模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。

本申请实施例中所涉及到的单元可以通过软件的方式实现，也可以通过硬件的方式来实现。所描述的单元也可以设置在处理器中，例如，可以描述为：一种处理器包括获取单元，转换单元和渲染单元。其中，这些单元的名称在某种情况下并不构成对该单元本身的限定，例如，获取单元还可以被描述为“配置用于获取图像素材的中间数据的单元”。

作为另一方面，本申请还提供了一种计算机可读存储介质，该计算机可读存储介质可以是上述实施例中所述装置中所包含的计算机可读存储介质；也可以是单独存在，未装配入终端中的计算机可读存储介质。所述计算机可读存储介质存储有一个或者一个以上程序，所述程序被一个或者一个以上的处理器用来执行描述于本申请的在移动设备上的图像处理方法。

以上描述仅为本申请的较佳实施例以及对所运用技术原理的说明。本领域技术人员应当理解，本申请中所涉及的发明范围，并不限于上述技术特征的特定组合而成的技术方案，同时也应涵盖在不脱离所述发明构思的情况下，由上述技术特征或其等同特征进行任意组合而形成的其它技术方案。例如上述特征与本申请中公开的(但不限于)具有类似功能的技术特征进行互相替换而形成的技术方案。

Claims (20)

1.一种移动设备上的图像处理方法，所述图像包括一个或多个图像素材，其特征在于，所述方法包括：

获取所述图像素材的中间数据，其中，所述中间数据具有移动设备可以识别的第一数据结构；

将所述中间数据转换为目标数据，所述目标数据具有移动设备的渲染应用可识别的第二数据结构；以及

利用所述渲染应用渲染所述目标数据以绘制生成新的图像。

2.根据权利要求1所述的方法，其特征在于，所述中间数据是从可缩放矢量图形SVG图像素材转换而成的Java脚本对象注解JSON对象。

3.根据权利要求2所述的方法，其特征在于，将所述中间数据转换为目标数据包括：将所述JSON对象逆向转换为SVG数据。

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

获取所述移动设备的屏幕配置信息；以及

根据所述屏幕配置信息调整所绘制的图像的尺寸。

5.根据权利要求1所述的方法，其特征在于，在获取所述图像素材的中间数据之前，所述方法还包括：

初始化所述图像素材。

6.根据权利要求5所述的方法，其特征在于，所述初始化所述图像素材包括：

根据选择的策略对所述图像素材进行初始配置。

7.根据权利要求6所述的方法，其特征在于，所述图像为人物形象，所述策略包括以下至少一项：

人物形象的国籍；

人物形象的性别。

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

对所述绘制的图像的图像素材进行编辑，所述编辑包括以下至少一项：添加图像素材、删除图像素材和替换图像素材。

9.根据权利要求1-8任一所述的方法，其特征在于，所述渲染应用是Webview浏览器。

10.根据权利要求1-8任一所述的方法，其特征在于，所述图像为人物形象，所述图像素材包括以下至少一项：头发、脸型、鼻子、眼睛、眉毛、嘴巴、上装、下装、套装、帽子、眼镜、胡子和背景。

11.一种移动设备上的图像处理装置，所述图像包括一个或多个图像素材，其特征在于，所述装置包括：

获取单元，配置用于获取所述图像素材的中间数据，其中，所述中间数据具有移动设备可以识别的第一数据结构；

转换单元，配置用于将所述中间数据转换为目标数据，所述目标数据具有移动设备的渲染应用可识别的第二数据结构；以及

渲染单元，配置用于利用所述渲染应用渲染所述目标数据以绘制生成新的图像。

12.根据权利要求11所述的装置，其特征在于，所述中间数据是从可缩放矢量图形SVG图像素材转换而成的Java脚本对象注解JSON对象。

13.根据权利要求12所述的装置，其特征在于，所述转换单元还配置用于将所述JSON对象逆向转换为SVG数据。

14.根据权利要求11所述的装置，其特征在于，所述装置还包括：

屏幕信息获取单元，配置用于获取所述移动设备的屏幕配置信息；以及

调整单元，配置用于根据所述屏幕配置信息调整所绘制的图像的尺寸。

15.根据权利要求11所述的装置，其特征在于，所述装置还包括：

初始化单元，配置用于初始化所述图像素材。

16.根据权利要求15所述的装置，其特征在于，所述初始化单元还配置用于根据选择的策略对所述图像素材进行初始配置。

17.根据权利要求16所述的装置，其特征在于，所述图像为人物形象，所述策略包括以下至少一项：

人物形象的国籍；

人物形象的性别。

18.根据权利要求11所述的装置，其特征在于，所述装置还包括：

编辑单元，配置用于对所述绘制的图像的图像素材进行编辑，所述编辑包括以下至少一项：添加图像素材、删除图像素材和替换图像素材。

19.根据权利要求11-18任一所述的装置，其特征在于，所述渲染应用是Webview浏览器。

20.根据权利要求11-18任一所述的装置，其特征在于，所述图像为人物形象，所述图像素材包括以下至少一项：头发、脸型、鼻子、眼睛、眉毛、嘴巴、上装、下装、套装、帽子、眼镜、胡子和背景。