[发明专利]一种基于可缩放矢量图形的动态纹理生成方法及系统

说明书

本发明涉及一种基于可缩放矢量图形的动态纹理生成方法及系统，涉及计算机技术领域，方法包括对可缩放矢量图形进行解析得到树形结构化数据；对树形结构化数据进行遍历和提取，得到静态树数据和动态树数据；在第一画布上绘制静态树数据表示的图形，得到绘制后的第一画布；创建第二画布和第三画布；根据动态树数据构建新树形结构化数据；根据用户输入数据中的动态绑定数据填充新树形结构化数据中的动态绑定数据占位符，得到填充后的内容并绘制到第二画布上，得到动态树数据绘制结果；将其和绘制后的第一画布绘制到第三画布上，得到绘制后的第三画布并生成纹理。本发明将动态树数据和静态树数据分开绘制，节省绘制成本，提升渲染效率。

技术领域

本发明涉及计算机技术领域，特别是涉及一种基于可缩放矢量图形的动态纹理生成方法及系统。

背景技术

可缩放矢量图形（Scalable Vector Graphics，SVG）是一种基于可扩展标记语言（eXtensible Markup Language，XML）语法的图像格式，其他图像格式都是基于像素处理的，SVG则是属于对图像的形状描述，所以它本质上是文本文件，体积较小，且不管放大多少倍都不会失真。目前SVG在绘制时是作为一个整体进行绘制，如果SVG中有动态部分，在动态部分得到最新结果后会追加到SVG中，再重新整体绘制，降低渲染效率。

发明内容

本发明的目的是提供一种基于可缩放矢量图形的动态纹理生成方法及系统，将动态部分和静态部分分开绘制，节省绘制成本，提升渲染效率。

为实现上述目的，本发明提供了如下方案：

一种基于可缩放矢量图形的动态纹理生成方法，包括：

获取可缩放矢量图形并对所述可缩放矢量图形进行解析得到树形结构化数据；

对所述树形结构化数据进行遍历和提取，得到静态树数据和动态树数据；

创建第一画布，在所述第一画布上绘制静态树数据表示的图形，得到绘制后的第一画布；

创建第二画布和第三画布；

根据所述动态树数据构建新树形结构化数据；

根据用户输入数据中的动态绑定数据填充所述新树形结构化数据中的动态绑定数据占位符，得到填充后的内容；所述动态绑定数据为一次输入或者多次输入；

将所述填充后的内容绘制到所述第二画布上，得到动态树数据绘制结果；

将所述绘制后的第一画布和所述动态树数据绘制结果绘制到所述第三画布上，得到绘制后的第三画布；

根据所述绘制后的第三画布生成纹理。

可选地，在所述将所述填充后的内容绘制到所述第二画布上，得到动态树数据绘制结果之前还包括：

判断所述第二画布是否为空白画布，得到第一判断结果；

若所述第一判断结果为是，则将所述填充后的内容绘制到所述第二画布上，得到动态树数据绘制结果；

若所述第一判断结果为否，则将所述第二画布清空并将所述填充后的内容绘制到清空后的第二画布上，得到动态树数据绘制结果。

可选地，在所述将所述绘制后的第一画布和所述动态树数据绘制结果绘制到所述第三画布上，得到绘制后的第三画布之前，还包括：

判断所述第三画布是否为空白画布，得到第二判断结果；

若所述第二判断结果为是，则将所述绘制后的第一画布和所述动态树数据绘制结果绘制到所述第三画布上，得到绘制后的第三画布；

若所述第二判断结果为否，则将所述第三画布清空并将所述绘制后的第一画布和所述动态树数据绘制结果绘制到清空后的第三画布上，得到绘制后的第三画布。