[发明专利]SVG矢量图展现方法、装置、设备及存储介质

说明书

本发明提供了一种SVG矢量图展现方法、装置、设备及存储介质，涉及图形显示技术领域。其中，该方法包括：在展现SVG矢量图之前，获取SVG矢量图对应的SVG文件；将SVG文件转换为网格mesh数据，并将转换得到的mesh数据按照目标数据格式进行存储；其中，目标数据格式为游戏引擎能够直接读取的数据格式；当需要展现SVG矢量图时，读取并加载按照目标数据格式存储的mesh数据，以展现SVG矢量图。本发明可以明显降低SVG矢量图的展现延时。

技术领域

本发明涉及图形显示技术领域，具体而言，涉及一种SVG矢量图展现方法、装置、设备及存储介质。

背景技术

可缩放矢量图形（scalable vector graphics，SVG）也称为SVG矢量图，使用可扩展标记语言（extensible markup language，XML）格式定义图像，是由万维网联盟（worldwide web consortium，W3C）进行开发的。

在游戏引擎（unity,也称开发工具）中使用SVG矢量图时，通常的做法是使用矢量图形（vectorgraphics）包体，经过对SVG文件的处理生成网格（mesh）模型的方式来展现SVG矢量图。这种方式的核心算法为VectorUtils.TessellateScene算法。

但是，VectorUtils.TessellateScene在运算时需要较长的时间，导致SVG矢量图的展现延时较高。对于游戏场景而言，当用户（或称为玩家）打开一张SVG图的时间太长时，会严重影响用户的游戏体验。

发明内容

基于上述现有技术存在的SVG矢量图的展现延时较高的问题，本发明提供一种SVG矢量图展现方法、装置、设备及存储介质，可以明显降低SVG矢量图的展现延时。

第一方面，本发明提供一种SVG矢量图展现方法，所述方法包括：在展现SVG矢量图之前，获取SVG矢量图对应的SVG文件；将SVG文件转换为网格mesh数据，并将转换得到的mesh数据按照目标数据格式进行存储；其中，目标数据格式为游戏引擎能够直接读取的数据格式；当需要展现SVG矢量图时，读取并加载按照目标数据格式存储的mesh数据，以展现SVG矢量图。

可选地，按照目标数据格式存储的mesh数据，包括：多个块组；其中，每个块组包括多个子图，每个子图中记录了以下至少一种信息：子图中心位置、子图大小、子图颜色、子图顶点、以及子图顶点索引。

可选地，按照目标数据格式存储的mesh数据，还包括：头部数据；头部数据包括：精度类型、是否有材质、块组数量、SVG矢量图的宽度和高度、SVG文件的文件版本号。

可选地，每个块组还包括块组对应的名称、类型、材质、子图数量、顶点数量、索引数量、以及色彩值。

第二方面，本发明提供一种SVG矢量图展现装置，所述装置包括：获取单元，用于在展现SVG矢量图之前，获取SVG矢量图对应的SVG文件；转换单元，用于将SVG文件转换为网格mesh数据，并将转换得到的mesh数据按照目标数据格式进行存储；其中，目标数据格式为游戏引擎能够直接读取的数据格式；显示单元，用于当需要展现SVG矢量图时，读取并加载按照目标数据格式存储的mesh数据，以展现SVG矢量图。

可选地，按照目标数据格式存储的mesh数据，包括：多个块组；其中，每个块组包括多个子图，每个子图中记录了以下至少一种信息：子图中心位置、子图大小、子图颜色、子图顶点、以及子图顶点索引。

可选地，按照目标数据格式存储的mesh数据，还包括：头部数据；头部数据包括：精度类型、是否有材质、块组数量、SVG矢量图的宽度和高度、SVG文件的文件版本号。

可选地，每个块组还包括块组对应的名称、类型、材质、子图数量、顶点数量、索引数量、以及色彩值。