[发明专利]在网页上显示矢量图形的方法、装置、电子设备及存储介质

说明书

本发明实施例提供了一种矢量图形的生成方法、装置、电子设备及存储介质，实现获取目标矢量图形的对应的矢量图形信息文件；从该矢量图形信息文件中提取该目标矢量图形对应的坐标信息；根据提取的目标矢量图形的坐标信息，形成矢量图形文件；将矢量图形文件发送至用户端设备，以使用户端设备执行该矢量图形文件，从而按照目标矢量图形的坐标信息在网页中显示目标矢量图形。可见，本发明实施例可以自动形成目标矢量图形对应的矢量图形文件，使得用户端设备执行该矢量图形文件，并按照目标矢量图形的坐标信息在网页中显示目标矢量图形。不像现有技术那样，需要开发人员将矢量图形对应的坐标信息写入到网页的代码中，因此，减少开发人员的工作量。

技术领域

本发明涉及网页前端设计技术领域，特别是涉及一种在网页上显示矢量图形的方法、装置、电子设备及存储介质。

背景技术

目前，制作网页的方法通常是先利用HTML(Hyper Text Mark-up Language，超文本标记语言)语言编写代码确定网页的网页结构，再通过在已定义好网页结构的网页中添加内容，例如添加图形、添加背景色等填充和美化网页。

发明人在实现本发明的过程中发现，现有技术至少存在如下问题：为了在网页中呈现矢量图形，通常需要开发人员首先确定矢量图形，并人工获取矢量图形对应的坐标信息，然后，将矢量图形对应的坐标信息写入到网页的代码中，进而在网页中呈现矢量图形，因此，开发人员的工作量比较大。

发明内容

本发明实施例的目的在于提供一种在网页上显示矢量图形的方法、装置、电子设备及存储介质，以实现减少开发人员的工作量。具体技术方案如下：

为了达到上述目的，第一方面，本发明实施例提供了一种在网页上显示矢量图形的方法，该方法包括：

获取目标矢量图形对应的矢量图形信息文件，所述矢量图形信息文件中包括所述目标矢量图形对应的坐标信息；

从所述矢量图形信息文件中提取所述目标矢量图形对应的坐标信息；

根据所述提取的所述目标矢量图形的坐标信息，形成矢量图形文件；

将所述矢量图形文件发送至用户端设备，以使所述用户端设备执行所述矢量图形文件，从而按照所述目标矢量图形的坐标信息在网页中显示所述目标矢量图形。

可选的，所述矢量图形信息文件是在预设的矢量绘图软件中绘制所述目标矢量图形时生成并导出的、与所述目标矢量图形对应的矢量图形信息文件；

所述从所述矢量图形信息文件中提取所述目标矢量图形对应的坐标信息包括：

从所述导出的目标矢量图形信息文件中，获取具有预设标记符的信息，所述具有预设标记符的信息为目标矢量图形对应的坐标信息。

可选的，所述目标矢量图形为具有多个路径且所述多个路径具有绘制顺序的矢量路径图形；

所述从所述矢量图形信息文件中提取所述目标矢量图形对应的坐标信息包括：

从所述矢量图形信息文件中按照所述多个路径的绘制顺序提取各所述路径对应的对应的坐标信息；

所述根据所述提取的所述目标矢量图形的坐标信息，形成矢量图形文件中包括：

根据所述提取的所述路径对应的坐标信息和所述多个路径对应的坐标信息的提取顺序，形成矢量图形文件中，以使所述用户端设备能够按照所述多个路径的绘制顺序依次显示每个所述路径。

可选的，所述矢量图形文件为可伸缩性矢量图形SVG格式的矢量图形文件；

所述根据所述提取的所述目标矢量图形的坐标信息，形成矢量图形文件包括：