图片处理方法、装置、电子设备、系统及存储介质

技术领域

本公开涉及图片处理技术领域，尤其涉及一种图片处理方法、装置、电子设备、系统及存储介质。

背景技术

相关技术中，第一电子设备通过位图或矢量图描述一张图片，位图或矢量图作为描述数据保存在图片的描述文件中，第一电子设备将图片的描述文件发送给第二电子设备，第二电子设备基于描述文件中的描述数据，渲染出描述数据指向的图片，并在第二电子设备的显示区域显示渲染出的图片。但是图片的复杂度增加和图片数量增加，描述数据的数据量会急剧增大，保存描述数据的描述文件的文件体积也会随之急剧增大，从而会占用更多的传输流量和存储空间。

发明内容

本公开提供一种图片处理方法、装置、电子设备、系统及存储介质，以至少解决相关技术中因描述文件的文件体积增大导致的占用更多的传输流量和存储空间的问题。本公开的技术方案如下：

根据本公开实施例的第一方面，提供一种图片处理方法，应用于第一电子设备中，包括：

接收第二电子设备发送的描述文件；

从所述描述文件中获取各组成部分对应的图形标识和规则标识；

从所述素材库中获取所述图形标识指向的图形以及所述规则标识对应的渲染规则；

基于所述图形和所述渲染规则还原对应的组成部分，以通过还原出的各组成部分得到所述描述文件对应的目标图片。

可选的，所述基于所述图形和所述渲染规则还原对应的组成部分，以通过还原出的各组成部分得到所述描述文件对应的目标图片包括：

基于所述图形，得到所述组成部分对应的基础图像；

基于所述渲染规则中的属性数据，对所述基础图像的属性数据进行调整，得到所述组成部分以及所述组成部分与其他的组成部分之间的组合关系；

基于所述组成部分与其他的组成部分之间的组合关系，对各个所述组成部分进行组合，得到所述描述文件对应的目标图片。

可选的，所述基于所述图形，得到所述组成部分对应的基础图像包括：

如果所述图形标识指向的图形为所述素材库中第一图形库中一图形的矢量描述数据，则对所述矢量描述数据进行解析，得到所述矢量描述数据描述的各单元以及各单元之间的组成关系，基于所述各单元之间的组成关系对所述各单元进行组合，得到所述组成部分对应的基础图像；

如果所述图形标识指向的图形为所述素材库中第二图形库中一图形的像素数据，则基于所述像素数据进行像素点描点处理，绘制出所述组成部分对应的基础图像。

根据本公开实施例的第二方面，提供一种图片处理方法，应用于第二电子设备中，包括：

获取目标图片中的各组成部分；

从素材库中确定与所述各组成部分匹配的图形的图形标识和渲染规则的规则标识；

将所述图形标识和所述规则标识保存在所述目标图片的描述文件中；

向第一电子设备发送所述目标图片的描述文件。

可选的，还包括：获取所述各组成部分的特征数据；

所述从素材库中确定与所述各组成部分匹配的图形的图形标识和渲染规则的规则标识包括：基于所述各组成部分的特征数据，从所述素材库中确定与所述各组成部分匹配的图形的图形标识和渲染规则的规则标识。

可选的，所述基于所述各组成部分的特征数据，从所述素材库中确定与所述各组成部分匹配的图形的图形标识和渲染规则的规则标识包括：

基于所述组成部分的像素数据，获取所述素材库的图形库中各图形与所述组成部分之间的相似度，并基于所述相似度，从所述图形库中确定与所述组成部分匹配的目标图形；

将所述目标图形对应的图形标识确定为所述组成部分对应的图形标识；

从所述素材库中的规则库中选取与所述目标图形对应的目标渲染规则；

基于所述组成部分的属性数据，对所述素材库中的目标渲染规则进行调整，将调整后的目标渲染规则确定为所述组成部分对应的渲染规则，所述目标渲染规则的规则标识确定为所述组成部分对应的渲染规则的规则标识。

可选的，所述基于所述组成部分的像素数据，获取所述素材库的图形库中各图形与所述组成部分之间的相似度，并基于所述相似度，从所述素材库中确定与所述组成部分匹配的目标图形包括：

获取所述组成部分的像素数据与所述素材库中矢量图例库中的各位图对应的像素数据之间的像素相似度；

基于所述像素相似度，从所述矢量图例库中的各位图中确定与所述组成部分匹配的目标位图；

从所述矢量图例库中获取与所述目标位图对应的矢量描述数据；

基于所述矢量描述数据从所述素材库中的第一图形库中选取所述矢量描述数据对应的目标图形。

可选的，所述基于所述组成部分的像素数据，获取所述素材库的图形库中各图形与所述组成部分之间的相似度，并基于所述相似度，从所述素材库中确定与所述组成部分匹配的目标图形包括：

获取所述组成部分的像素数据与所述素材库中的第二图形库中各压缩图片对应的像素数据之间的图片相似度；

基于所述图片相似度，从所述第二图形库的各压缩图片中确定与所述组成部分匹配的目标压缩图片。

可选的，还包括：

在所述第二电子设备的显示区域显示设计界面，所述设计界面包括图片设计区域和素材显示区域；

响应用户针对所述素材显示区域的选取操作，将所述素材显示区域显示的素材库中与所述选取操作对应的图形显示在所述图片设计区域；

响应用户针对所述图片设计区域中的图形的调整操作，对所述图形的渲染规则进行调整；

所述获取目标图片中的各组成部分包括：响应用户针对所述设计界面的结束操作，得到所述设计界面显示的目标图片中的各个图形，各个图形为所述目标图片中的各组成部分；

所述从素材库中确定与所述各组成部分匹配的图形的图形标识和渲染规则的规则标识包括：在响应所述结束操作过程中，从所述目标图片对应的设计文件中获取所述各组成部分匹配的图形的图形标识和渲染规则的规则标识。

可选的，还包括：

从所述素材库中获取所述图形标识指向的图形，以及从所述素材库中获取所述规则标识指向的渲染规则；

基于所述规则标识指向的渲染规则，对所述图形标识指向的图形进行渲染；

在所述第二电子设备的显示区域中显示渲染结果；

响应调整操作，对所述规则标识指向的渲染规则和/或图形进行调整，所述调整操作是所述渲染结果与所述组成部分的显示效果之间存在差异的情况下生成。

可选的，还包括：

如果没有从所述素材库中确定出组成部分对应的图形标识，将没有确定出图形标识的组成部分确定为目标组成部分，在所述素材库中增加所述目标组成部分的图形以及所述目标组成部分的渲染规则；

为所述目标组成部分的图形分配图形标识以及所述目标组成部分的渲染规则分配规则标识。

根据本公开实施例的第三方面，提供一种图片处理装置，应用于第一电子设备中，包括：

接收单元，被配置为执行接收第二电子设备发送的描述文件；

第一获取单元，被配置为执行从所述描述文件中获取各组成部分对应的图形标识和规则标识；

第二获取单元，被配置为执行从所述素材库中获取所述图形标识指向的图形以及所述规则标识对应的渲染规则；

还原单元，被配置为执行基于所述图形和所述渲染规则还原对应的组成部分，以通过还原出的各组成部分得到所述描述文件对应的目标图片。

可选的，所述还原单元包括：

获得子单元，被配置为执行基于所述图形，得到所述组成部分对应的基础图像；

调整子单元，被配置为执行基于所述渲染规则中的属性数据，对所述基础图像的属性数据进行调整，得到所述组成部分以及所述组成部分与其他的组成部分之间的组合关系；

组合子单元，被配置为执行基于所述组成部分与其他的组成部分之间的组合关系，对各个所述组成部分进行组合，得到所述描述文件对应的目标图片。

可选的，所述获得子单元，被配置为执行如果所述图形标识指向的图形为所述素材库中第一图形库中一图形的矢量描述数据，则对所述矢量描述数据进行解析，得到所述矢量描述数据描述的各单元以及各单元之间的组成关系，基于所述各单元之间的组成关系对所述各单元进行组合，得到所述组成部分对应的基础图像；如果所述图形标识指向的图形为所述素材库中第二图形库中一图形的像素数据，则基于所述像素数据进行像素点描点处理，绘制出所述组成部分对应的基础图像。

根据本公开实施例的第四方面，提供一种图片处理装置，应用于第二电子设备中，包括：

组成部分获取单元，被配置为执行获取目标图片中的各组成部分；

确定单元，被配置为执行从素材库中确定与所述各组成部分匹配的图形的图形标识和渲染规则的规则标识；

保存单元，被配置为执行将所述图形标识和所述规则标识保存在所述目标图片的描述文件中；

发送单元，被配置为执行向第一电子设备发送所述目标图片的描述文件。

可选的，还包括：

特征数据获取单元，被配置为执行获取所述各组成部分的特征数据；

所述确定单元，被配置为执行基于所述各组成部分的特征数据，从所述素材库中确定与所述各组成部分匹配的图形的图形标识和渲染规则的规则标识。

可选的，所述确定单元包括：

获取子单元，被配置为执行基于所述组成部分的像素数据，获取所述素材库的图形库中各图形与所述组成部分之间的相似度，并基于所述相似度，从所述图形库中确定与所述组成部分匹配的目标图形；

第一确定子单元，被配置为执行将所述目标图形对应的图形标识确定为所述组成部分对应的图形标识；

选取子单元，被配置为执行从所述素材库中的规则库中选取与所述目标图形对应的目标渲染规则；

第二确定子单元，被配置为执行基于所述组成部分的属性数据，对所述素材库中的目标渲染规则进行调整，将调整后的目标渲染规则确定为所述组成部分对应的渲染规则，所述目标渲染规则的规则标识确定为所述组成部分对应的渲染规则的规则标识。

可选的，所述获取子单元，被配置为执行获取所述组成部分的像素数据与所述素材库中矢量图例库中的各位图对应的像素数据之间的像素相似度；基于所述像素相似度，从所述矢量图例库中的各位图中确定与所述组成部分匹配的目标位图；从所述矢量图例库中获取与所述目标位图对应的矢量描述数据；基于所述矢量描述数据从所述素材库中的第一图形库中选取所述矢量描述数据对应的目标图形。

可选的，所述获取子单元，被配置为执行获取所述组成部分的像素数据与所述素材库中的第二图形库中各压缩图片对应的像素数据之间的图片相似度；基于所述图片相似度，从所述第二图形库的各压缩图片中确定与所述组成部分匹配的目标压缩图片。

可选的，还包括：

显示单元，被配置为执行在所述第二电子设备的显示区域显示设计界面，所述设计界面包括图片设计区域和素材显示区域；

选取单元，被配置为执行响应用户针对所述素材显示区域的选取操作，将所述素材显示区域显示的素材库中与所述选取操作对应的图形显示在所述图片设计区域；

调整单元，被配置为执行响应用户针对所述图片设计区域中的图形的调整操作，对所述图形的渲染规则进行调整；

所述组成部分获取单元，被配置为执行响应用户针对所述设计界面的结束操作，得到所述设计界面显示的目标图片中的各个图形，各个图形为所述目标图片中的各组成部分；

所述确定单元，被配置为执行在响应所述结束操作过程中，从所述目标图片对应的设计文件中获取所述各组成部分匹配的图形的图形标识和渲染规则的规则标识。

可选的，还包括：

图形规则获取单元，被配置为执行从所述素材库中获取所述图形标识指向的图形，以及从所述素材库中获取所述规则标识指向的渲染规则；

渲染单元，被配置为执行基于所述规则标识指向的渲染规则，对所述图形标识指向的图形进行渲染；

渲染显示单元，被配置为执行在所述第二电子设备的显示区域中显示渲染结果；

响应单元，被配置为执行响应调整操作，对所述规则标识指向的渲染规则和/或图形进行调整，所述调整操作是所述渲染结果与所述组成部分的显示效果之间存在差异的情况下生成。

可选的，还包括：

图形规则补充单元，被配置为执行如果没有从所述素材库中确定出组成部分对应的图形标识，将没有确定出图形标识的组成部分确定为目标组成部分，在所述素材库中增加所述目标组成部分的图形以及所述目标组成部分的渲染规则；

配置单元，被配置为执行为所述目标组成部分的图形分配图形标识以及所述目标组成部分的渲染规则分配规则标识。

根据本公开实施例的第五方面，提供一种电子设备，包括：

处理器；

用于存储所述处理器可执行指令的存储器；

其中，所述处理器被配置为执行所述指令，以实现上述图片处理方法。

根据本公开实施例的第六方面，提供一种图片处理系统，包括：第一电子设备、第二电子设备和服务器；

所述第二电子设备，被配置为执行获取目标图片中的各组成部分，从素材库中确定与所述各组成部分匹配的图形的图形标识和渲染规则的规则标识，将所述图形标识和所述规则标识保存在所述目标图片的描述文件中，通过所述服务器向所述第一电子设备发送所述目标图片的描述文件；

所述第一电子设备，被配置为执行接收所述第二电子设备发送的描述文件，从所述描述文件中获取各组成部分对应的图形标识和规则标识，从所述素材库中获取所述图形标识指向的图形以及所述规则标识对应的渲染规则，基于所述图形和所述渲染规则还原对应的组成部分，以通过还原出的各组成部分得到所述描述文件对应的目标图片。

根据本公开实施例的第七方面，提供一种存储介质，当所述存储介质中的指令由电子设备的处理器执行时，使得电子设备能够执行上述图片处理方法。

根据本公开实施例的第八方面，提供一种计算机程序产品，当在电子设备上执行时，适于执行初始化有上述图像处理方法的步骤的程序。

本公开的实施例提供的技术方案至少带来以下有益效果：

上述图片处理方法、装置、电子设备、系统及存储介质，接收第二电子设备发送的描述文件，从描述文件中获取各组成部分对应的图形标识和规则标识，从素材库中获取图形标识指向的图形以及规则标识对应的渲染规则，并基于图形和渲染规则还原对应的组成部分，以通过还原出的各组成部分得到描述文件对应的目标图片，改变相关技术中以位图和矢量图描述目标图片的方式，提供一种在以素材库为基础利用素材库中图形的图形标识和渲染规则的规则标识描述目标图片，这样无论目标图片的复杂度是高是低，能够利用图形标识和规则标识进行描述，相对于相关技术中采用位图和矢量图来说简化图片的描述方式，并且随着目标图片的复杂度增加和目标图片的数量增加，增加用于还原目标图片的图形标识和规则标识即可，大大降低描述文件的文件体积，降低传输流量和存储空间。

应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本公开。

附图说明

此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本公开的实施例，并与说明书一起用于解释本公开的原理，并不构成对本公开的不当限定。

图1是根据一示例性实施例示出的一种图片处理方法的信令图；

图2是根据一示例性实施例示出的另一种图片处理方法的信令图；

图3是根据一示例性实施例示出的获取图形标识和规则标识的流程图；

图4是根据一示例性实施例示出的再一种数据处理方法的信令图；

图5是根据一示例性实施例示出的一种设计界面的示意图；

图6是根据一示例性实施例示出的一种数据处理方法的应用示意图；

图7是根据一示例性实施例示出的一种数据处理方法的示例图；

图8是根据一示例性实施例示出的一种图片处理装置的结构示意图；

图9是根据一示例性实施例示出的一种图片处理装置的结构示意图；

图10是根据一示例性实施例示出的另一种图片处理装置的结构示意图；

图11是根据一示例性实施例示出的再一种图片处理装置的结构示意图；

图12是根据一示例性实施例示出的一种电子设备的结构示意图；

图13是根据一示例性实施例示出的一种图片处理系统的结构示意图；

图14是根据一示例性实施例示出的一种图片处理系统对应的图片处理方法的信令图。

具体实施方式

为了使本领域普通人员更好地理解本公开的技术方案，下面将结合附图，对本公开实施例中的技术方案进行清楚、完整地描述。

需要说明的是，本公开的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本公开的实施例能够以除了在这里图示或描述的那些以外的顺序实施。以下示例性实施例中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本公开的一些方面相一致的装置和方法的例子。

图1是根据一示例性实施例示出的一种图片处理方法的信令图，可以包括以下步骤：

在步骤S11中，第二电子设备获取目标图片中的各组成部分。其中组成部分是组成目标图片的独立组件，通过对目标图片进行拆分得到。相关技术中图片是由至少一个图形组成，在一些图片中还包括文字，图形和文字都能够作为图片中的独立组件，因此在获取到一张目标图片之后，可以对目标图片进行拆分，得到目标图片中的各组成部分。

在对目标图片进行拆分过程中，第二电子设备可按照一定图层顺序对目标图片进行拆分，如按照由下到上的顺序对目标图片进行拆分，得到目标图片中的各组成部分；如果第二电子设备获取到的目标图片已被拆分过，第二电子设备省去对目标图片的拆分环节，按照历史拆分方式从目标图片中获取各组成部分。

在本实施例中通过设置标签方式标注目标图片是否被拆分过，如果目标图片设置有标签，说明目标图片被拆分过，如果目标图片没有设置标签，说明目标图片没有被拆分过；或者本实施例还可以采用设置不同标识取值的方式来标注目标图片是否被拆分过，例如如果目标图片具有第一标识取值(如0)，说明目标图片被拆分过，如果目标图片具有第二标识取值(如1)，说明目标图片没有被拆分过。

在步骤S12中，第二电子设备从素材库中确定与各组成部分匹配的图形的图形标识和渲染规则的规则标识。

对于目标图片中的任一组成部分，第二电子设备都从素材库中确定出与任一组成部分匹配的图形的图形标识和渲染规则的规则标识，以通过图形标识从素材库中获取到与组成部分对应的图形，以及通过规则标识从素材库中获取到渲染规则来渲染图形，从而通过图形和渲染规则来还原出位于目标图片中的组成部分。

对于任一组成部分来说，与组成部分对应的图形是像素数据与组成部分的像素数据匹配的图形，这样可通过素材库中匹配的图形来替换目标图片中的组成部分，省去向第一电子设备传输组成部分的像素数据，如上述位图用于描述组成部分的像素数据，本实施例通过素材库和图形标识形式省去传输像素数据，意味着省去传输位图，从而描述文件中无需保存位图，可降低描述文件的文件体积。

渲染规则用于指示出组成部分的属性数据，如渲染规则用于指出组成部分的尺寸、在目标图片中的位置等，在通过素材库中的图形代替组成部分之后，还需要通过渲染规则来限定图形的属性，以使图形在目标图片中的显示效果与组成部分在目标图片中的显示效果一致，这样才能够通过图形标识、规则标识和素材库来还原出目标图片中的各组成部分，进而还原出由各组成部分组成的目标图片。

在本实施例中，素材库是图形和渲染规则的集合，作为多个电子设备能够共用的一份实体资源，通过图形和渲染规则能够做到不同组合的呈现结果，以适用不同的目标图片，有效减少少量改动造成的资源大小急剧增加的问题。

其中素材库包括有多种类型素材(也可以称为元组件)，每种类型素材存储在同一个库中，如果素材库可以是一个文件夹，那么存储同一种类型素材的库可以作为文件夹中的一个文件，多种类型素材包括第一图形、第二图形、渲染规则和矢量图例，相对应的素材库包括第一图形库、第二图形库、规则库和矢量图例库，第一图形的复杂度小于第二图形。

第一图形包括但不限于：几何图形和特殊图形，几何图形是点、线、圆等具有几何学属性通过简单的语言描述的图形，例如通过矢量图方式描述，特殊图形的复杂度大于几何图形的复杂度，是通过数学方法进行描述的图形，不同的图形涉及到不同的公式，例如贝塞尔曲线、三角函数、各种纹理的生成方法等等，通过矢量图方式和数学方法表示，相对于位图方式可减少数据量。

第二图形：是除通过几何属性和数学公式表示的图形之外的图形，也就是说对于不能通过几何属性和数学公式表示的图形被划分为第二图形，例如复杂图标、人像、风景和无规则图形等等为第二图形。在本实施例中，第二图形以压缩图片的方式表示，以降低第二图形的数据量，在使用过程中对压缩图片进行解压缩，得到原始图片的像素数据，以基于像素数据得到压缩图片的原始图片，以原始图片代替组成部分，提高图片质量。

渲染规则：与第一图形或第二图形对应，用于描述第一图形或第二图形的属性数据，如属性数据包括颜色、位置、尺寸、与其他图形之间的关系等等，通过渲染规则来绘制图形，因此渲染规则是素材库中的一种特殊资源，可以视为是上述第一图形和第二图形中任意一种图形的描述文件，文件类型可以是但不限于是json(JavaScript Object Notation，JS对象简谱)、protobuf(Google Protocol Buffer，用于数据交换的序列结构化数据格式)和xml(Extensible Markup Language，可扩展标记语言)等中的任意一种。在实际应用中，渲染规则中的属性数据可能与组成部分的属性数据不一致，那么在匹配到渲染规则后，可基于组成部分的属性数据对渲染规则进行调整，使得基于渲染规则渲染的图形的显示效果与组成部分的显示效果一致，这样才能够还原出的目标图片的真实效果。

矢量图例包括：位图和位图的矢量描述数据，注意矢量图例包括的位图可以是上述第一图形的位图，因为第二图形通过位图表示会增大数据量，在实际使用过程中，因为位图是图形的像素描述，位图可视为是图形的像素数据(图形中每个像素点的像素值组成的矩阵)，所以位图作为与组成部分匹配使用，在匹配到对应的位图之后，通过矢量描述数据从第一图形库中获取匹配的第一图形。矢量图例所属矢量图例库只会被生成目标图片的电子设备使用，基于描述文件还原目标图片的电子设备对应的素材库中不包括矢量图例库，从而可以减少生成目标图片的电子设备所上传的素材库中的数据量。

除上述第一图形库、第二图形库、规则库和矢量图例库之外，素材库还可以包括其他资源库，如包括一个扩展资源库，扩展资源库用于对第一图形库、第二图形库、规则库和矢量图例库中的资源进行扩展，以加入第一图形库、第二图形库、规则库和矢量图例库中没有的资源，如加入第一图形库中没有的第一图形等等。素材库可存储到云端且对云端存储的素材库中的素材进行更新，例如渲染规则进行调整后更新等，本实施例对更新时机不进行限定。

在本实施例中，为了对素材库中的各素材进行区分，素材库中各素材具有对应标识，以通过标识进行区分，如对于第一图形库和第二图形库中的各图形具有图形标识，如通过但不限于通过图形名称作为图形标识，规则库中的渲染规则具有规则标识，因渲染规则是对图形库中的图形的属性进行限定，本实施例中，规则标识可以采用上述图形标识，当然也可以采用其他方式表示。并且通过上述素材库将能够组成目标图片的各图形分别保存在素材库中，使得在向第一电子设备传输过程对于不同目标图片中的相似组成部分或组成部分中的部分相似内容都能够从素材库中获取到匹配的图形，从而无需对不同目标图片中的相似内容进行重复描述，解决空间占用和描述文件的文件体积大小的矛盾问题。

在步骤S13中，第二电子设备将图形标识和规则标识保存在目标图片的描述文件中。因图形标识和规则标识是为了还原出对应的组成部分，一个组成部分对应有一个图形标识和一个规则标识，所以在将图形标识和规则标识保存至描述文件中时，对应同一个组成部分的图形标识和规则标识可建立一个对应关系，防止出现规则标识指向的渲染规则对没有对应关系的图形进行渲染的现象，或者为图形标识和规则标识标记对应的组成部分，通过组成部分作为一个中间媒介为图形标识和规则标识建立对应关系。

在步骤S14中，第二电子设备向第一电子设备发送目标图片的描述文件。如通过但不限于通过第二电子设备和第一电子设备之间建立的传输通道传输目标图片的描述文件，为了提高描述文件的安全性，本实施例在发送描述文件之前，对描述文件进行加密和/或签名，对于加密和/或签名方式本实施例不再赘述。

第二电子设备除了将图形标识和规则标识保存至描述文件中之外，还可以将扩展数据保存至描述文件中，扩展数据可以是对目标图片、图形标识指向的图形和规则标识指向的渲染规则中的至少一个对象的额外说明，如扩展数据可以是目标图片的设计者的名称等等，对于扩展数据本实施例不再详述。

在步骤S15中，第一电子设备从描述文件中获取各组成部分对应的图形标识和规则标识。

在步骤S16中，第一电子设备从素材库中获取图形标识指向的图形以及规则标识对应的渲染规则。

在步骤S17中，第一电子设备基于图形和渲染规则还原出对应的组成部分，以通过还原出的各组成部分得到描述文件对应的目标图片。如在绘制出图形之后，利用渲染规则对图形进行渲染，如对图形的位置、尺寸和颜色等进行调整，使得图形的显示效果与其对应的组成部分的显示效果一致，如果图形是压缩图片，需要对压缩图片进行解压缩，得到原始图形，然后再利用渲染规则对原始图形进行渲染。相对应的第一电子设备还原出目标图片的过程如下：

基于图形，得到组成部分对应的基础图像；基于渲染规则中的属性数据，对基础图像的属性数据进行调整，得到组成部分以及组成部分与其他的组成部分之间的组合关系；基于组成部分与其他的组成部分之间的组合关系，对各个组成部分进行组合，得到描述文件对应的目标图片。

其中基础图像用于表征组成部分的形状，素材库中包括第一图形库和第二图形库，第一图形库以矢量描述数据描述图形，第二图形库中以像素数据描述图形，因此在基于图形得到组成部分对应的基础图像过程中，需要视图形标识执行的图形位于第一图形库还是第二图形库。

如果图形标识指向的图形为素材库中第一图形库中一图形的矢量描述数据，则对矢量描述数据进行解析，得到矢量描述数据描述的各单元以及各单元之间的组成关系，基于各单元之间的组成关系对各单元进行组合，得到组成部分对应的基础图像；如果图形标识指向的图形为素材库中第二图形库中一图形的像素数据，则基于像素数据进行像素点描点处理，绘制出组成部分对应的基础图像。

矢量描述数据描述的各单元是基础图像中的图形元素，如基础图像是由一些点和直线组成，则矢量描述数据描述的各单元是组成基础图像的点和直线，且矢量描述数据还限定出这些点和直线之间的组成关系，从而通过组成关系对各个单元进行组合。像素数据用于表示基础图像中每个像素点的像素值，因此通过每个像素点的像素值进行描点操作就能够绘制出基础图像。

针对每一个图形通过上述方式得到每个组成部分对应的基础图像，但是基础图像之间的组合方式不同对应的目标图片也会有所不同，为此本实施例在针对每个组成部分的基础图像，还需要基于渲染规则中的属性数据对基础图像的属性数据进行调整，此调整不单单是调整基础图像本身的一些属性还调整基础图像与其他的基础图像之间的显示，如调整基础图像的颜色和尺寸，还同时调整基础图像与其他的基础图像之间的位置关系以改变彼此之间的显示。

对于目标图片来说，目标图片是由多个图层组成，那么在基于图形和渲染规则还原出对应的组成部分，以通过还原出的各组成部分得到描述文件对应的目标图片过程中，可以基于一个图形得到一个组成部分对应的基础图像，从而得到目标图片的第一图层，然后对第一图层中的基础图像基于对应的渲染规则中的属性数据，对基础图像的属性数据进行调整，得到目标图片的第二图层，在对第一图层中的基础图像的属性数据的调整主要是对基础图像本身的调整，如对基础图像的颜色和尺寸进行调整，因为此时还没有渲染出其他的基础图像。在得到第一图层和第二图层之后，确定与这两个图层中具有组合关系的图形，然后基于具有组合关系的图形渲染另一个组成部分对应的基础图像，得到目标图片的第三图层，然后对第三图层中的基础对应的渲染规则中的属性数据，对基础图像的属性数据进行调整，得到目标图片的第四图层，在对第四图层中的基础图像的属性数据的调整除了对基础图像本身的调整还需要调整其与第二图层中的图像之间的组合关系，如调整两个基础图像之间的位置关系，以此类推，直至渲染出所有基础图像和调整完所有基础图像，从而得到目标图片。

这里要注意的一点是：目标图片中的任一组成部分对应有一个图形标识和规则标识，那么在还原过程中需要通过对应同一个组成部分的渲染规则对图形进行渲染，在还原出各组成部分之后因各组成部分利用各自在目标图片中的显示进行渲染，因此在还原出所有组成部分之后第一电子设备得到目标图片。

上述图片处理方法，第二电子设备获取目标图片中的各组成部分，从素材库中确定与各组成部分匹配的图形的图形标识和渲染规则的规则标识，将图形标识和规则标识保存在目标图片的描述文件中，向第一电子设备发送目标图片的描述文件，以使第一电子设备从素材库中获取图形标识指向的图形以及规则标识对应的渲染规则，基于图形和渲染规则还原目标图片，改变相关技术中以位图和矢量图描述目标图片的方式，提供一种在以素材库为基础利用素材库中图形的图形标识和渲染规则的规则标识描述目标图片，这样无论目标图片的复杂度是高是低，能够利用图形标识和规则标识进行描述，相对于相关技术中采用位图和矢量图来说简化图片的描述方式，真正实现采用较低数据量传递复杂目标图片的效果，并且随着目标图片的复杂度增加和目标图片的数量增加，增加用于还原目标图片的图形标识和规则标识即可，大大降低描述文件的文件体积，降低传输流量和存储空间。

图2是根据一示例性实施例示出的另一种图片处理方法的信令图，可以包括以下步骤：

在步骤S21中，第二电子设备获取目标图片中的各组成部分。

在步骤S22中，第二电子设备获取各组成部分的特征数据，特征数据用于还原出组成部分，且组成部分的显示效果与其在目标图片中的显示效果一致。为了能够实现这点，特征数据不单单能够勾勒出组成部分还能够对组成部分的纹理、颜色、位置、尺寸等进行限定，以使得组成部分的显示效果与其在目标图片中的显示效果一致。

在本实施例中，任一组成部分的特征数据包括组成部分的像素数据和组成部分的属性数据，组成部分的像素数据用于表示组成部分中每个像素点的像素值，通过像素数据还原出组成部分，属性数据则用于限定组成部分的显示效果，如属性数据包括位置和尺寸等，通过属性数据对组成部分的显示效果进行调整。其中像素数据可通过但不限于对组成部分进行特征提取得到，而属性数据是组成部分的属性字段的字段值，由此可以从组成部分的属性字段中获取到，如在将目标图片拆分成各组成部分的过程中获取。

在步骤S23中，第二电子设备基于各组成部分的特征数据，从素材库中确定与各组成部分匹配的图形的图形标识和渲染规则的规则标识，以通过图形标识、规则标识和素材库还原出特征数据指向的组成部分。

在本实施例中，第二电子设备可根据特征数据中的像素数据匹配出图形，得到图形标识，以及根据特征数据中的属性数据匹配出渲染规则，得到规则标识，其过程包括但不限于图3所示过程，可以包括以下步骤：

在步骤S231中，基于组成部分的像素数据，获取素材库的图形库中各图形与组成部分之间的相似度，并基于相似度，从素材库中确定与组成部分匹配的目标图形。如获取图形库中各图形的像素数据，确定各图形的像素数据与组成部分的像素数据之间的相似度，基于相似度，从图形库中确定与组成部分匹配的目标图形，如从图形库中选取相似度最高的图形为目标图形。

因素材库中包括第一图形库和第二图形库，矢量图形库中保存有第一图形库中各第一图形的位图，位图可以视为是第一图形的像素数据，矢量图形库中的矢量描述数据是对第一图形库中的第一图形的另一种描述形式以确定第一图形库中的各第一图形，而第二图形库以压缩图片方式保存第二图形，因此针对第一图形库和第二图形库中图形来说，获取相似度和确定目标图形的过程会有所不同，下面以一个组成部分为例分别针对第一图形库和第二图形库进行说明：

对于第一图形库来说，获取相似度和确定目标图形的过程如下：

获取组成部分的像素数据与素材库中矢量图例库中的各位图对应的像素数据之间的像素相似度；基于像素相似度，从矢量图例库中的各位图中确定与组成部分匹配的目标位图；从矢量图例库中获取与目标位图对应的矢量描述数据；基于矢量描述数据从素材库中的第一图形库中选取矢量描述数据对应的目标图形。

因位图是通过像素描述方式描述图形，所以位图是一种像素数据的表现形式，在本实施例中可获取组成部分的像素数据与矢量图例库中的各位图之间的像素相似度，基于与各位图之间的像素相似度，选取一个像素相似度满足预设条件的位图为目标位图，如选取像素相似度最高的位图为目标位图。因为第一图形库中各第一图形是通过几何属性和数学方法等矢量图方式进行描述，所以在确定目标位图之后，通过目标位图对应的矢量描述数据，从第一图形库中确定出与矢量描述数据对应的目标图形，这样第一电子设备在进行还原过程中可通过矢量图方式进行还原，相对于采用位图方式还原来说减少第一电子设备需要处理的数据量。

对于第二图形库来说，获取相似度和确定目标图形的过程如下：

获取组成部分的像素数据与素材库中的第二图形库中各压缩图片对应的像素数据之间的图片相似度；基于图片相似度，从第二图形库的各压缩图片中确定与组成部分匹配的目标压缩图片。如对第二图形库中的各压缩图片进行解压缩，得到原始图片的像素数据，获取组成部分的像素数据与各原始图片的像素数据之间的图片相似度。

在步骤S232中，将目标图形对应的图形标识确定为组成部分对应的图形标识。

在步骤S233中，从素材库中的规则库中选取与目标图形对应的目标渲染规则。

在步骤S234中，基于组成部分的属性数据，对素材库中的目标渲染规则进行调整，将调整后的目标渲染规则确定为组成部分对应的渲染规则，目标渲染规则的规则标识确定为组成部分对应的渲染规则的规则标识。

因目标渲染规则中的属性数据可能会与组成部分的属性数据不一致，在本实施例中得到目标渲染规则之后，基于组成部分的属性数据对目标渲染规则进行调整，如通过增加、修改、删除等当时对目标渲染规则中的属性数据进行调整更新，使得目标渲染规则中的属性数据与组成部分的属性数据相一致，从而保证图形的显示效果与组成部分的显示效果一致。

在步骤S24中，第二电子设备将图形标识和规则标识保存在目标图片的描述文件中。

在步骤S25中，第二电子设备向第一电子设备发送目标图片的描述文件。

在步骤S26中，第一电子设备从描述文件中获取各组成部分对应的图形标识和规则标识。

在步骤S27中，第一电子设备从素材库中获取图形标识指向的图形以及规则标识对应的渲染规则。

在步骤S28中，第一电子设备基于图形和渲染规则还原出对应的组成部分，以通过还原出的各组成部分得到描述文件对应的目标图片。

上述图片处理方法，获取各组成部分的像素数据，基于各组成部分的像素数据得到与各组成部分匹配的图形的图形标识和渲染规则的规则标识，以通过图形标识、规则标识和素材库还原出特征数据指向的组成部分，使得还原出的组成部分与其在目标图片中的显示效果相一致。

图4是根据一示例性实施例示出的再一种图片处理方法的信令图，可以包括以下步骤：

在步骤S41中，在第二电子设备的显示区域显示设计界面，设计界面包括图片设计区域和素材显示区域。素材显示区域用于显示素材库中的各种素材，素材库中的素材可根据用户操作进行显示，图片设计区域则作为设计目标图片的区域提供给用户，使得用户能够从素材显示区域中选取素材来组成目标图片。

设计界面的一种形式如图5所示，素材显示区域位于图片设计区域的左侧，且图片设计区域的宽度大于素材显示区域的宽度，以便于用户设计目标图片，且在素材显示区域中可提供素材搜索和素材显示调整功能，如通过但不限于下拉菜单方式提供素材显示调整功能，以便于在有限区域中尽可能显示与目标图片设计相关的素材。此外，在设计界面中还可以包括一个规则调整区域，在图片设计区域中显示素材的同时还可以在规则调整区域中显示素材对应的渲染规则，并借助规则调整区域对渲染规则进行调整，使得素材的显示效果达到用户需求的显示效果。

在步骤S42中，响应用户针对素材显示区域的选取操作，将素材显示区域显示的素材库中与选取操作对应的图形显示在图片设计区域。

选取操作用于从素材显示区域中选中一个素材并将选中的素材显示在图片设计区域中，例如选取操作可以是一个拖拽操作，通过拖拽操作选中一个素材并拖拽至图片设计区域中，或者选取操作可以是一个双击操作，通过双击操作实现对素材的选中和在图片设计区域中的显示，对于选取操作的形式本实施例不进行限定。

在步骤S43中，响应用户针对图片设计区域中的图形的调整操作，对图形的渲染规则进行调整。调整操作可以对图形的尺寸、位置、颜色、纹理和与其他图形之间的关系中的至少一项进行调整，在对图形进行调整之后，图形的渲染规则随之调整，以符合图形在目标图片中的显示效果。

在步骤S44中，响应用户针对设计界面的结束操作，得到设计界面显示的目标图片中的各个图形，各个图形为目标图片中的各组成部分，从而利用设计界面得到目标图片，相对应的组成目标图片的各个图形为目标图片中的各组成部分。

在步骤S45中，在响应结束操作过程中，从目标图片对应的设计文件中获取各组成部分匹配的图形的图形标识和渲染规则的规则标识。因为各组成部分是素材库中的各个图形，所以在响应结束操作得到目标图片的过程中，目标图片对应的设计文件中的图形的图形标识和渲染规则的规则标识可以作为对应组成部分匹配的图形的图形标识和渲染规则的规则标识，省去基于特征数据从素材库中匹配图形和渲染规则的过程，简化图形标识和规则标识的获取流程。

在步骤S46中，第二电子设备将图形标识和规则标识保存在目标图片的描述文件中。

在步骤S47中，第二电子设备向第一电子设备发送目标图片的描述文件。

在步骤S48中，第一电子设备从描述文件中获取各组成部分对应的图形标识和规则标识。

在步骤S49中，第一电子设备从素材库中获取图形标识指向的图形以及规则标识对应的渲染规则。

在步骤S410中，第一电子设备基于图形和渲染规则还原出对应的组成部分，以通过还原出的各组成部分得到描述文件对应的目标图片。

上述图片处理方法，利用设计界面得到目标图片，组成目标图片的各组成部分是素材库中的各个图形，所以在响应结束操作得到目标图片的过程中，目标图片对应的设计文件中的图形的图形标识和渲染规则的规则标识可以作为对应组成部分匹配的图形的图形标识和渲染规则的规则标识，省去基于特征数据从素材库中匹配图形和渲染规则的过程，简化图形标识和规则标识的获取流程。

对于上述图片处理方法，第二电子设备在获取到图形标识和规则标识之后，还可以基于图形标识和规则标识进行一次还原，以在第二电子设备上显示基于图形标识和规则标识得到的渲染结果，这样在渲染结果与组成部分的显示效果存在差异的情况下可进行调整，以尽可能保证在第一电子设备端还原出的显示效果与组成部分的显示效果一致，相对应的对于第二电子设备来说，上述图片处理方法还可以包括以下步骤：

从素材库中获取图形标识指向的图形，以及从素材库中获取规则标识指向的渲染规则；基于规则标识指向的渲染规则，对图形标识指向的图形进行渲染；在第二电子设备的显示区域中显示渲染结果；响应调整操作，对规则标识指向的渲染规则和/或图形进行调整，调整操作是渲染结果与组成部分的显示效果之间存在差异的情况下生成。

如第二电子设备在绘制出图形之后，利用渲染规则对图形进行渲染，如对图形的位置、尺寸和颜色等进行调整，使得图形的显示效果与其对应的组成部分的显示效果一致，如果图形是压缩图片，需要对压缩图片进行解压缩，得到原始图形，然后再利用渲染规则对原始图形进行渲染。

调整操作是用户在确定出渲染结果与组成部分的显示效果之间存在差异的情况下触发，例如可以由用户触发第二电子设备的显示区域显示的特定控件，该特定控件绑定调整操作，如果特定控件被触发，第二电子设备则会接收并响应特定控件绑定的调整操作，调整操作可以是对规则标识指向的渲染规则中的属性数据进行调整和/或对图形进行替换，具体可以由用户决定。

其中对图形的替换可能是因为图形的尺寸、清晰度等不符合要求，这些通过对属性数据的调整可能无法达到用户需求，在这种情况下可直接对图形进行替换。针对图形和渲染规则的每次调整都可以进行记录，做到对图形和渲染规则的调整追溯，此外还可以针对图形设置缩放比例，以通过一张图形满足不同尺寸需求。

在上述图片处理方法中，如果没有从素材库中确定出组成部分对应的图形标识，将没有确定出图形标识的组成部分确定为目标组成部分，在素材库中增加目标组成部分的图形以及目标组成部分的渲染规则；为目标组成部分的图形分配图形标识以及目标组成部分的渲染规则分配规则标识，以在素材库中增加素材，这样其他目标图片中包含目标组成部分的情况下，就可以从素材库中获取到匹配的图形的图形标识和渲染规则的规则标识。

在本实施例中，可以将目标组成部分直接保存至素材库中，将目标组成部分的属性数据组成渲染规则并保存至素材库中。

在本实施例中，上述图片处理方法的一种应用场景的示意图如图6所示，图片处理方法可以集成在一个生成器中，一个生成器(KVG maker)能够提供素材库，针对目标图片得到保存有图形标识和规则标识的描述文件，并利用图形标识和规则标识来还原出目标图片，相对应的生成器包括如下三部分：

一是素材库(KVG asset)：保存上述提到的几何图形、特殊图形、第二图形、矢量图例和渲染规则，生成器具备上传下载功能，以对网络端存储的素材库进行更新以及下载最新的素材库。

二是渲染引擎(KVG graphic engine)：渲染引擎具备计算能力和渲染能力，渲染引擎利用计算能力绘制点集得到图形，利用渲染能力来结合渲染规则对图形进行渲染，以还原出目标图片中的各组成部分，其中计算能力包括但不限于：解析公式、数值差分、描点和解析能力，以通过这些绘制出图形，然后通过渲染能力最终渲染出一张期望的图片输出，即目标图片。

三是翻译引擎(KVG translator)：翻译引擎主要是执行上述图片处理方法，以得到包括图形标识和规则标识的描述文件。

对于第二电子设备来说，第二电子设备作为目标图片的生产方，可通过生成器中的素材库和翻译引擎，得到包括图形标识和规则标识的描述文件，并发送给第一电子设备，第一电子设备作为目标图片的消费方，可通过生成器中的素材库和渲染引擎，在得到描述文件之后还原出目标图片，目标图片可作为展示或其他用途使用。第二电子设备也可以利用渲染引擎在自身内部进行一次还原，以使得还原出的组成部分的显示效果与其在目标图片中的显示效果一致。

例如第二电子设备获取到目标图片如图7所示，目标图片由等边三角形、一个竖线和一个点组成，第二电子设备从素材库中获取这些组成部分的图形标识和规则标识，将图形标识和规则标识保存到描述文件中，然后发送给第一电子设备，第一电子设备利用图形标识、规则标识和素材库还原出目标图片。本实施例提供的图片处理方法类似于目前字母、标点符号和汉字的使用，通过字母、标点符号和汉字的组合能够创造出多条表示不同含义或虽然含义相同但表述不同的句子，本实施例通过图形标识、规则标识和素材库可以还原出不同的目标图片。

第一电子设备中可存储有素材库，并能够对素材库中的素材进行更新。因不同用户涉及到的素材存在差异，本实施例中的素材库可包括共有素材库和私有素材库，共有素材库提供给所有用户使用，私有素材库作为用户的独有素材仅供用户独立使用，这样对于任一用户来说，第一电子设备可下载其绑定用户对应的私有素材库和共有素材库即可，但是在匹配过程中可能要对共有素材库和私有素材库进行匹配。

图8是根据一示例性实施例示出的一种图片处理装置的可选结构，图8所示图片处理装置应用于第一电子设备中，可以包括：接收单元10、第一获取单元20、第二获取单元30和还原单元40。

接收单元10，被配置为执行接收第二电子设备发送的描述文件。

第一获取单元20，被配置为执行从描述文件中获取各组成部分对应的图形标识和规则标识。

第二获取单元30，被配置为执行从素材库中获取图形标识指向的图形以及规则标识对应的渲染规则。

还原单元40，被配置为执行基于图形和渲染规则还原对应的组成部分，以通过还原出的各组成部分得到描述文件对应的目标图片。其中还原单元40的一种可选结构为，还原单元包括：获得子单元、调整子单元和组合子单元。

获得子单元，被配置为执行基于图形，得到组成部分对应的基础图像。其中获得子单元，被配置为执行如果图形标识指向的图形为素材库中第一图形库中一图形的矢量描述数据，则对矢量描述数据进行解析，得到矢量描述数据描述的各单元以及各单元之间的组成关系，基于各单元之间的组成关系对各单元进行组合，得到组成部分对应的基础图像；如果图形标识指向的图形为素材库中第二图形库中一图形的像素数据，则基于像素数据进行像素点描点处理，绘制出组成部分对应的基础图像。

调整子单元，被配置为执行基于渲染规则中的属性数据，对基础图像的属性数据进行调整，得到组成部分以及组成部分与其他的组成部分之间的组合关系。

组合子单元，被配置为执行基于组成部分与其他的组成部分之间的组合关系，对各个组成部分进行组合，得到描述文件对应的目标图片。

上述图片处理装置接收第二电子设备发送的描述文件，从描述文件中获取各组成部分对应的图形标识和规则标识，从素材库中获取图形标识指向的图形以及规则标识对应的渲染规则，并基于图形和渲染规则还原对应的组成部分，以通过还原出的各组成部分得到描述文件对应的目标图片，改变相关技术中以位图和矢量图描述目标图片的方式，提供一种在以素材库为基础利用素材库中图形的图形标识和渲染规则的规则标识描述目标图片，这样无论目标图片的复杂度是高是低，能够利用图形标识和规则标识进行描述，相对于相关技术中采用位图和矢量图来说简化图片的描述方式，并且随着目标图片的复杂度增加和目标图片的数量增加，增加用于还原目标图片的图形标识和规则标识即可，大大降低描述文件的文件体积，降低传输流量和存储空间。

图9是根据一示例性实施例示出的一种图片处理装置的可选结构，图9所示图片处理装置应用于第二电子设备中，可以包括：组成部分获取单元100、确定单元200、保存单元300和发送单元400。

组成部分获取单元100，被配置为执行获取目标图片中的各组成部分。

确定单元200，被配置为执行从素材库中确定与各组成部分匹配的图形的图形标识和渲染规则的规则标识。对于目标图片中的任一组成部分，第二电子设备都从素材库中确定出与任一组成部分匹配的图形的图形标识和渲染规则的规则标识，以通过图形标识从素材库中获取到与组成部分对应的图形，以及通过规则标识从素材库中获取到渲染规则来渲染图形，从而通过图形和渲染规则来还原出位于目标图片中的组成部分。

在本实施例中，确定单元200确定图形标识和规则标识过程中需要参照图片处理装置中特征数据获取单元获取到的各组成部分的特征数据，其中特征数据获取单元，被配置为执行获取各组成部分的特征数据；确定单元，被配置为执行基于各组成部分的特征数据，从素材库中确定与各组成部分匹配的图形的图形标识和渲染规则的规则标识，相对应的，确定单元的一种可选结构为，确定单元包括：获取子单元、第一确定子单元、选取子单元和第二确定子单元。

获取子单元，被配置为执行基于组成部分的像素数据，获取素材库的图形库中各图形与组成部分之间的相似度，并基于相似度，从图形库中确定与组成部分匹配的目标图形。

如获取子单元，被配置为执行获取组成部分的像素数据与素材库中矢量图例库中的各位图对应的像素数据之间的像素相似度；基于像素相似度，从矢量图例库中的各位图中确定与组成部分匹配的目标位图；从矢量图例库中获取与目标位图对应的矢量描述数据；基于矢量描述数据从素材库中的第一图形库中选取矢量描述数据对应的目标图形。又如获取子单元，被配置为执行获取组成部分的像素数据与素材库中的第二图形库中各压缩图片对应的像素数据之间的图片相似度；基于图片相似度，从第二图形库的各压缩图片中确定与组成部分匹配的目标压缩图片。

第一确定子单元，被配置为执行将目标图形对应的图形标识确定为组成部分对应的图形标识。

选取子单元，被配置为执行从素材库中的规则库中选取与目标图形对应的目标渲染规则。

第二确定子单元，被配置为执行基于组成部分的属性数据，对素材库中的目标渲染规则进行调整，将调整后的目标渲染规则确定为组成部分对应的渲染规则，目标渲染规则的规则标识确定为组成部分对应的渲染规则的规则标识。

保存单元300，被配置为执行将图形标识和规则标识保存在目标图片的描述文件中。

发送单元400，被配置为执行向第一电子设备发送目标图片的描述文件。

上述图片处理方法，获取目标图片中的各组成部分，从素材库中确定与各组成部分匹配的图形的图形标识和渲染规则的规则标识，将图形标识和规则标识保存在目标图片的描述文件中，向第一电子设备发送目标图片的描述文件，以使第一电子设备从素材库中获取图形标识指向的图形以及规则标识对应的渲染规则，基于图形和渲染规则还原目标图片，改变相关技术中以位图和矢量图描述目标图片的方式，提供一种在以素材库为基础利用素材库中图形的图形标识和渲染规则的规则标识描述目标图片，这样无论目标图片的复杂度是高是低，能够利用图形标识和规则标识进行描述，相对于相关技术中采用位图和矢量图来说简化图片的描述方式，真正实现采用较低数据量传递复杂目标图片的效果，并且随着目标图片的复杂度增加和目标图片的数量增加，增加用于还原目标图片的图形标识和规则标识即可，大大降低描述文件的文件体积，降低传输流量和存储空间。

图10是根据一示例性实施例示出的另一种图片处理装置的可选结构，图10所示图片处理装置应用于第二电子设备中，还可以包括：显示单元500、选取单元600和调整单元700。

显示单元500，被配置为执行在第二电子设备的显示区域显示设计界面，设计界面包括图片设计区域和素材显示区域。素材显示区域用于显示素材库中的各种素材，素材库中的素材可根据用户操作进行显示，图片设计区域则作为设计目标图片的区域提供给用户，使得用户能够从素材显示区域中选取素材来组成目标图片。

选取单元600，被配置为执行响应用户针对素材显示区域的选取操作，将素材显示区域显示的素材库中与选取操作对应的图形显示在图片设计区域。

调整单元700，被配置为执行响应用户针对图片设计区域中的图形的调整操作，对图形的渲染规则进行调整。

相对应的组成部分获取单元100，被配置为执行响应用户针对设计界面的结束操作，得到设计界面显示的目标图片中的各个图形，各个图形为目标图片中的各组成部分。确定单元200，被配置为执行在响应结束操作过程中，从目标图片对应的设计文件中获取各组成部分匹配的图形的图形标识和渲染规则的规则标识。

上述图片处理装置，利用设计界面得到目标图片，组成目标图片的各组成部分是素材库中的各个图形，所以在响应结束操作得到目标图片的过程中，目标图片对应的设计文件中的图形的图形标识和渲染规则的规则标识可以作为对应组成部分匹配的图形的图形标识和渲染规则的规则标识，省去基于特征数据从素材库中匹配图形和渲染规则的过程，简化图形标识和规则标识的获取流程。

图11是根据一示例性实施例示出的再一种图片处理装置的可选结构，图11所示图片处理装置应用于第二电子设备中，还可以包括：图形规则获取单元800、渲染单元900、渲染显示单元110和响应单元120。

图形规则获取单元800，被配置为执行从素材库中获取图形标识指向的图形，以及从素材库中获取规则标识指向的渲染规则。

渲染单元900，被配置为执行基于规则标识指向的渲染规则，对图形标识指向的图形进行渲染。

渲染显示单元110，被配置为执行在第二电子设备的显示区域中显示渲染结果。

响应单元120，被配置为执行响应调整操作，对规则标识指向的渲染规则和/或图形进行调整，调整操作是渲染结果与组成部分的显示效果之间存在差异的情况下生成。

上述图片处理装置，在获取到图形标识和规则标识之后，还可以基于图形标识和规则标识进行一次还原，以在第二电子设备上显示基于图形标识和规则标识得到的渲染结果，这样在渲染结果与组成部分的显示效果存在差异的情况下可进行调整，以尽可能保证在第一电子设备端还原出的显示效果与组成部分的显示效果一致。

对于上述图片处理装置，还包括：图形规则补充单元和配置单元。其中图形规则补充单元，被配置为执行如果没有从素材库中确定出组成部分对应的图形标识，将没有确定出图形标识的组成部分确定为目标组成部分，在素材库中增加目标组成部分的图形以及目标组成部分的渲染规则；配置单元，被配置为执行为目标组成部分的图形分配图形标识以及目标组成部分的渲染规则分配规则标识，以在素材库中增加素材，这样其他目标图片中包含目标组成部分的情况下，就可以从素材库中获取到匹配的图形的图形标识和渲染规则的规则标识。

关于上述实施例中的装置，其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述，此处将不做详细阐述说明。

图12是根据一示例性实施例示出的一种电子设备的可选结构，电子设备可以包括：处理器1000和存储器2000，存储器2000用于存储处理器可执行指令，其中，处理器1000被配置为执行指令，以实现上述图片处理方法。

图13是根据一示例性实施例示出的一种图片处理系统，图片处理系统包括：第一电子设备1100、第二电子设备1200和服务器1300。

第二电子设备1200，被配置为执行获取目标图片中的各组成部分，从素材库中确定与各组成部分匹配的图形的图形标识和渲染规则的规则标识，将图形标识和规则标识保存在目标图片的描述文件中，通过服务器1300向第一电子设备1100发送目标图片的描述文件。

第一电子设备1100，被配置为执行接收第二电子设备1200发送的描述文件，从描述文件中获取各组成部分对应的图形标识和规则标识，从素材库中获取图形标识指向的图形以及规则标识对应的渲染规则，基于图形和渲染规则还原对应的组成部分，以通过还原出的各组成部分得到描述文件对应的目标图片。

图片处理系统对应的图片处理方法的信令图如图14所示，可以包括以下步骤：

在步骤S51中，第二电子设备生成素材库，并将素材库上传到服务器中。

在步骤S52中，第一电子设备从服务器中获取素材库，但是第一电子设备获取到的素材库与第二电子设备上传的素材库有一点区别：矢量图形库不会传输给第二电子设备，这是因为矢量图形库主要是用于匹配目标图形使用，而第一电子设备不需要执行这一过程，因此第一电子设备中的素材库中没有矢量图形库，减少数据传输。

在步骤S53中，第二电子设备获取各组成部分的特征数据，特征数据用于还原出组成部分，且组成部分的显示效果与其在目标图片中的显示效果一致。

在步骤S54中，第二电子设备基于各组成部分的特征数据，从素材库中确定与各组成部分匹配的图形的图形标识和渲染规则的规则标识，以通过图形标识、规则标识和素材库还原出特征数据指向的组成部分。

在步骤S55中，第二电子设备将图形标识和规则标识保存在目标图片的描述文件中。

在步骤S56中，第二电子设备发送目标图片的描述文件至服务器，并通过服务器向第一电子设备发送目标图片的描述文件。

在步骤S57中，第一电子设备从描述文件中获取各组成部分对应的图形标识和规则标识。

在步骤S58中，第一电子设备从素材库中获取图形标识指向的图形以及规则标识对应的渲染规则。

在步骤S59中，第一电子设备基于图形和渲染规则还原出对应的组成部分，以通过还原出的各组成部分得到描述文件对应的目标图片。

本示例性实施例还提供一种存储介质，当存储介质中的指令由电子设备的处理器执行时，使得电子设备能够执行上述图片处理方法。可选地，存储介质可以是非临时性计算机可读存储介质，例如，所述非临时性计算机可读存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等。

本示例性实施例还提供一种计算机程序产品，当在电子设备上执行时，适于执行初始化有上述图像处理方法的步骤的程序。

本领域技术人员在考虑说明书及实践这里公开的发明后，将容易想到本公开的其它实施方案。本申请旨在涵盖本公开的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的，本公开的真正范围和精神由下面的权利要求指出。

应当理解的是，本公开并不局限于上面已经描述并在附图中示出的精确结构，并且可以在不脱离其范围进行各种修改和改变。本公开的范围仅由所附的权利要求来限制。