[发明专利]一种SVG资源反向复用的方法和装置

权利要求书

1.一种SVG资源反向复用的方法，其特征在于，包括：

获取SVG Symbol图形，从所述SVG Symbol图形中提取至少一个DOM片段，并基于所述DOM片段构建片段库；

从所述片段库中获取与业务请求相匹配的原始DOM片段；

根据业务请求对所述原始DOM片段进行处理，得到静态图形；

将所述静态图形应用到所述业务请求中。

2.如权利要求1所述的方法，其特征在于，所述从所述片段库中选取与场景请求相匹配的原始DOM片段包括：

对所述业务请求进行解析，得到图形所对应的symbol ID；

根据所述symbol ID对所述片段库进行访问，以选取携带有所述symbol ID的DOM片段，该DOM片段为所述原始DOM片段。

3.如权利要求1所述的方法，其特征在于，所述根据业务请求对所述原始DOM片段进行处理，得到静态图形包括：

对所述业务请求进行解析，得到图形所对应的配置要素；

基于所述配置要素对所述原始DOM片段进行修改，得到目标DOM片段；

将所述目标DOM片段转换为静态图形。

4.如权利要求3所述的方法，其特征在于，所述将所述目标DOM片段转换为静态图形包括：

去掉所述目标DOM片段的symbol标签，保留所述目标DOM片段的图形描述信息；

用svg标签重新包裹所述图形描述信息，得到SVG DOM；

将所述SVG DOM转换为预设编码的目标字符串，将所述目标字符串转换成与所述业务请求相匹配的静态图形。

5.如权利要求4所述的方法，其特征在于，所述将所述SVG DOM转换为预设编码的目标字符串，将所述目标字符串转换成与所述业务请求相匹配的静态图形包括：

对所述业务请求进行解析，得到图形格式；

将所述SVG DOM转换为XML字符串，将所述XML字符串转换为预设编码的目标字符串；

拼接所述图形格式和所述目标字符串，得到与所述业务请求相匹配的静态图形。

6.如权利要求3所述的方法，其特征在于，所述配置要素包括：采色、大小和文本中的至少一项。

7.如权利要求1～6任一项所述的方法，其特征在于，所述从所述SVG Symbol图形中提取至少一个DOM片段，并基于所述DOM片段构建片段库包括：

采用document.getElementId方法从SVG Symbol图形中获取至少一个DOM片段，将获取到的DOM片段存储于浏览器内存中，并基于所述DOM片段构建片段库。

8.如权利要求1～6任一项所述的方法，其特征在于，所述将所述静态图形应用到所述业务请求中包括：

采用img标签或new Image对象的src属性接收所述静态图形，以将所述静态图形应用到所述业务请求。

9.如权利要求1～6任一项所述的方法，其特征在于，所述方法还包括：

在获取到所述业务请求后，对所述业务请求进行分析，确定所述业务请求所需要的图形样式；

如果所述图形样式为静态图形，则执行所述从所述片段库中获取与业务请求相匹配的原始DOM片段的步骤；

如果所述图形样式为动态图形，则以SVG Symbol图形为基础构建封装组件，再通过封装组件实现所述业务请求。

10.一种SVG资源反向复用的装置，其特征在于，包括至少一个处理器和存储器，所述至少一个处理器和存储器之间通过数据总线连接，所述存储器存储有可被所述至少一个处理器执行的指令，所述指令在被所述处理器执行后，用于完成权利要求1-9任一所述的SVG资源反向复用的方法。