SVG格式的图片的处理方法、装置、设备、介质及产品制造方法及图纸

本公开实施例涉及一种SVG格式的图片的处理方法、装置、设备、介质及产品，采用SVG格式的UI图片，利用SVG格式的良好的拉伸和缩放性能，提高了UI图片拉伸或缩放后的显示效果。通过从UI图片的XML信息中提取UI图片中的元素的绘制数据，去除XML信息中其他和绘制数据无关的冗余数据，能够在不影响UI图片绘制的情况下，减少数据量，降低UI图片的维护成本以及对用户流量的要求。通过利用UI图片中的元素的绘制数据生成二进制信息格式的图片数据，能够解决SVG格式存在的读写效率低的问题，提高了UI图片的读写效率。读写效率。读写效率。

【技术实现步骤摘要】
SVG格式的图片的处理方法、装置、设备、介质及产品


[0001]本公开实施例涉及图片处理
，尤其涉及一种SVG格式的图片的处理方法、装置、设备、介质及产品。

技术介绍

[0002]目前，车内多媒体屏幕的形状、尺寸和分辨率的大小各异，种类繁多。为了适应不同的屏幕，在诸如车载导航等车载应用程序的软件包中通常会携带多套不同尺寸的用户界面(User Interface，简称UI)资源，导致软件包的体积增加，维护成本提高，对用户流量的要求也更高。但是，即使在这种情况下，软件包携带的多套UI资源仍旧不能适配所有车辆的多媒体屏幕，此时一般需要对软件包中的UI图片进行拉伸或者缩小来对屏幕进行适配，但是拉伸或缩小的操作会图片导致失真，降低适配效果。因此，如何能够满足任意拉伸不模糊变形，又能不增加软件包大小以及性能负担是需要解决的技术问题。

技术实现思路

[0003]为了解决上述技术问题，本公开实施例提供了一种SVG格式的图片的处理方法、装置、设备、介质及产品。
[0004]本公开实施例的第一方面提供了一种SVG格式的图片的处理方法，该方法包括：获取可缩放的矢量图形(Scalable Vector Graphics，简称SVG)格式的UI图片；从UI图片的可扩展标记语言(EXtensible Markup Language，简称XML)信息中提取UI图片中的元素的绘制数据，去除XML信息中的其它数据；基于UI图片中的元素的绘制数据，生成UI图片对应的二进制信息格式的图片数据。
[0005]本公开实施例的第二方面提供了一种SVG格式的图片的处理装置，该装置包括：
[0006]获取模块，用于获取SVG格式的UI图片；
[0007]提取模块，用于从UI图片的XML信息中提取UI图片中的元素的绘制数据，去除XML信息中的其它数据；
[0008]生成模块，用于基于UI图片中的元素的绘制数据，生成UI图片对应的二进制信息格式的图片数据。
[0009]本公开实施例的第三方面提供了一种计算机设备，包括存储器和处理器，其中，存储器中存储有计算机程序，当该计算机程序被处理器执行时，处理器可以执行上述第一方面的方法。
[0010]本公开实施例的第四方面提供了一种计算机程序产品，该程序产品存储在存储介质中，当该程序产品被运行时，可以实现上述第一方面的方法。
[0011]本公开实施例的第五方面提供了一种计算机可读存储介质，该存储介质种存储有计算机程序，当该计算机程序被执行时，可以实现上述第一方面所述的方法。
[0012]本公开实施例提供的技术方案与现有技术相比具有如下优点：
[0013]本公开实施例，采用SVG格式的UI图片，利用SVG格式的良好的拉伸和缩放性能，提
高了UI图片拉伸或缩放后的显示效果，提高UI图片显示的清晰度。通过利用SVG格式的UI图片的XML信息，从XML信息中提取UI图片中的元素的绘制数据，去除XML信息中其他和绘制数据无关的冗余数据，能够在不影响UI图片绘制的情况下，减少数据量，降低UI图片的维护成本以及对用户流量的要求。通过利用UI图片中的元素的绘制数据，生成二进制信息格式的图片数据，能够利用二进制信息格式读写速度快的优势，解决SVG格式(SVG本质是一种文本格式)存在的读写效率低的问题，提高了UI图片的读写效率。
附图说明
[0014]此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本公开的实施例，并与说明书一起用于解释本公开的原理。
[0015]为了更清楚地说明本公开实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，对于本领域普通技术人员而言，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。
[0016]图1是本公开实施例提供的一种UI图片处理场景的示意图；
[0017]图2是本公开实施例提供的一种SVG格式的图片的处理方法的流程示意图；
[0018]图3是本公开实施例提供的一种绘制数据的提取方法的流程示意图；
[0019]图4是本公开实施例提供的一种扁平化处理方法的示意图；
[0020]图5是一种二进制信息格式的图片数据的示意图；
[0021]图6是图5中路径信息的一种示例性的示意图；
[0022]图7是图5中样式信息的一种示例性的示意图；
[0023]图8是本公开实施例提供的一种生成二进制信息格式的图片数据的方法的流程图；
[0024]图9是本公开实施例提供的一种二进制信息格式的图片数据的示意图；
[0025]图10是本公开实施例提供的一种SVG格式的图片的处理场景的示意图；
[0026]图11是本公开实施例提供的一种SVG格式的图片的处理装置的结构示意图；
[0027]图12是本公开实施例中的一种计算机设备的结构示意图。
具体实施方式
[0028]为了能够更清楚地理解本公开的上述目的、特征和优点，下面将对本公开的方案进行进一步描述。需要说明的是，在不冲突的情况下，本公开的实施例及实施例中的特征可以相互组合。
[0029]在下面的描述中阐述了很多具体细节以便于充分理解本公开，但本公开还可以采用其他不同于在此描述的方式来实施；显然，说明书中的实施例只是本公开的一部分实施例，而不是全部的实施例。
[0030]如
技术介绍
介绍的那样，相关技术常常需要对UI图片进行拉伸或缩小处理以适配屏幕的大小。但是拉伸或缩小处理会导致UI图片发生变形和模糊的问题，影响显示效果。针对上述问题，通过矢量的方式表示的图片，即SVG格式的图片，能够解决图片拉伸或缩小产生的变形和模糊问题。但是，一方面SVG格式的本质是一种文本格式，其读写效率较低；另一方面，SVG格式的数据中存在大量冗余的数据，造成图片体积较大和读写效率较低，尤其在
一些应用程序中常常存在大量的UI图片，单个图片的体积大会导致应用程序整体软件包的体积较大，对安装空间和用户流量要求较高。
[0031]针对相关技术存在的上述问题，本公开实施例提供了一种SVG格式的图片的处理方法。示例的，图1是本公开实施例提供的一种UI图片处理场景的示意图。参见图1，在本公开实施例提供的方法中，利用SVG格式的UI图片来解决UI图片拉伸或缩小过程中出现的模糊和变形的问题。同时在获取到SVG格式的UI图片之后，通过利用SVG格式的XML信息来获取UI图片中包含的元素的绘制数据，并去除XML信息中和绘制数据无关的其它数据，即冗余数据。通过去除UI图片中的冗余数据保留绘制数据，在不影响UI图片绘制的情况下，降低UI图片的数据量，减少数据体积，提升读写性能。通过在得到UI图片中的元素的绘制数据之后，利用UI图片中的元素的绘制数据来生成二进制信息格式的图片数据，以二进制信息格式的高读写性能解决SVG格式存在的读写效率低的问题。
[0032]为了更好的理解本公开实施例的技术方案，下面结合示例性的实施例本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种SVG格式的图片的处理方法，其中，包括：获取SVG格式的UI图片；从所述UI图片的XML信息中提取所述UI图片中的元素的绘制数据，去除所述XML信息中的其它数据；基于所述UI图片中的元素的绘制数据，生成所述UI图片对应的二进制信息格式的图片数据。2.根据权利要求1所述的方法，其中，所述从所述UI图片的XML信息中提取所述UI图片中的元素的绘制数据，去除所述XML信息中的其它数据，包括：基于所述UI图片的XML信息，从所述XML信息的dom树中获取所述UI图片中包含的元素的分组信息、路径信息和复用信息；基于所述UI图片中包含的元素的分组信息、路径信息和复用信息，组合生成目标数组；对所述目标数组进行扁平化处理，生成扁平化后的目标数组，并将扁平化后的目标数组作为绘制数据。3.根据权利要求2所述的方法，其中，所述基于所述UI图片的XML信息，从所述XML信息的dom树中获取所述UI图片中包含的元素的分组信息、路径信息和复用信息之后，所述方法还包括：将获取到的元素的路径信息转换为包含绘制方法的目标路径信息。4.根据权利要求2或3所述的方法，其中，所述对所述目标数组进行扁平化处理，生成扁平化后的目标数组，包括：针对所述目标数组中包含的分组信息，将所述分组信息中包含的样式信息关联到分组中包含的元素的路径信息上；针对所述目标数组中包含的复用信息，将所述复用信息关联到所述目标数组中使用所述复用信息的元素的路径信息上；去除所述目标数组中包含的分组信息和复用信息，得到扁平化后的目标数组。5.根据权利要求4所述的方法，其中，针对所述目标数组中包含的分组信息，将所述分组信息中包含的样式信息关联到分组中包含的元素的路径信息中，包括：根据分组信息，从所述目标数组中查找分组包括的元素的路径信息；响应于查找到的路径信息未关联样式信息，则将所述分组信息中的样式信息关联到所述路径信息上；响应于查找到的路径信息已关联样式信息，则不将所述分组信息中的样式信息关联到所述路径信息中。6.根据权利要求4所述的方法，其中，所...

【专利技术属性】
技术研发人员：吴晓斌，桂凯，林妙涵，陈鑫，
申请(专利权)人：阿里巴巴中国有限公司，
类型：发明
国别省市：