[发明专利]矢量图的样式在线编辑方法、装置、设备及可读存储介质

说明书

本发明公开了一种矢量图的样式在线编辑方法、装置、设备及可读存储介质。所述方法包括以下步骤：在接收到编辑指令时，在浏览器中确定待编辑矢量图，并运行可视化编辑视图插件，显示可视化编辑视图，而后获取所述待编辑矢量图的属性数据，并基于所述属性数据初始化所述可视化编辑视图的显示数据，接下来在检测到所述可视化编辑视图的显示数据被更改时，基于更改后的显示数据更新所述待编辑矢量图的属性数据，基于所述更新后的属性数据重新显示待编辑矢量图。本发明采用了根据待编辑矢量图的属性数据与可视化编辑视图的显示数据的映射关系进行数据交互的技术手段，与现有技术相比，降低了矢量图使用门槛和难度，提高了矢量图的样式调整效率。

技术领域

本发明涉及金融科技领域，尤其涉及一种矢量图的样式在线编辑方法、装置、设备及可读存储介质。

背景技术

SVG是一种图像文件格式，它的英文全称为Scalable Vector Graphics，意思为可缩放的矢量图形，是一种用XML定义的语言，用来描述二维矢量及矢量/栅格图形，图形对象还可进行分组、添加样式、变换、组合等操作，特征集包括嵌套变换、剪切路径、alpha蒙板、滤镜效果(filtereffects)、模板对象和其它扩展。它提供了目前网络流行的PNG和JPEG格式无法具备的优势：可以任意放大图形显示，但绝不会以牺牲图像质量为代价。然而对于网页上的SVG矢量图，我们在不同时间使用的时候，对于颜色等样式参数是需要调整的，但是我们只能通过调节代码来实现，增加了用户使用的难度，SVG矢量图的样式调整效率低。

发明内容

本发明的主要目的在于提供一种矢量图的样式在线编辑方法、装置、设备及可读存储介质，旨在解决现有网页上的SVG矢量图的样式在线编辑效率低的技术问题。

为实现上述目的，本发明提供一种矢量图的样式在线编辑方法，所述矢量图的样式在线编辑方法，应用于第一设备，包括：

在接收到编辑指令时，在浏览器中确定待编辑矢量图，并运行可视化编辑视图插件，显示可视化编辑视图；

获取所述待编辑矢量图的属性数据，并基于所述属性数据初始化所述可视化编辑视图的显示数据；

在检测到所述可视化编辑视图的显示数据被更改时，基于更改后的显示数据更新所述待编辑矢量图的属性数据，基于所述更新后的属性数据重新显示待编辑矢量图。

进一步地，所述获取所述待编辑矢量图的属性数据，并基于所述属性数据初始化所述可视化编辑视图的显示数据的步骤包括：

确定待编辑矢量图的图表类型，基于所述图表类型确定所述可视化编辑视图的原始显示数据；

按照属性数据与显示数据的对应关系，利用所述属性数据更新所述原始显示数据。

进一步地，所述在检测到所述可视化编辑视图的显示数据被更改时，基于更改后的显示数据更新所述待编辑矢量图的属性数据的步骤包括：

在检测到所述可视化编辑视图的显示数据被更改时，获取更改后的显示数据；

按照属性数据与显示数据的对应关系，利用更改后的显示数据更新所述待编辑矢量图的属性数据。

进一步地，所述按照属性数据与显示数据的对应关系，利用更改后的显示数据更新所述待编辑矢量图的属性数据的步骤包括：

确定更改后的显示数据是否满足阈值范围限制条件；

当所述更改后的显示数据满足阈值范围限制条件时，则利用更改后的显示数据更新所述待编辑矢量图的属性数据；

当所述更改后的显示数据不满足阈值范围限制条件时，则输出修改异常的预警信息。

进一步地，所述在接收到编辑指令时，在浏览器中确定待编辑矢量图的步骤包括：