[发明专利]一种图形处理方法、装置和电子设备

说明书

本发明涉及计算机技术领域，具体涉及一种图形处理方法、装置和电子设备，包括：获取SVG文件数据；对所述SVG文件数据进行编码解析，得到XML文件数据；对所述XML文件数据进行解析，并对解析后的所述XML文件数据进行过滤、和/或排序，生成JSON数据；对所述JSON数据进行渲染，得到图形信息；响应用户对所述图形信息的编辑操作，对编辑后的所述图形信息进行渲染，得到处理后的图形。本发明以JSON形式储存图形数据，并有效关联图形数据和业务数据信息，利用图形数据可以重新绘制图形，解决SVG大量数据情况下性能卡顿、卡死问题，同时也降低了维护成本、提供了操作人员的工作效率。

技术领域

本发明涉及计算机技术领域，尤其涉及一种图形处理方法、装置和电子设备。

背景技术

目前行业里面有大量的辅助设计绘图软件，例如：Photoshop，Sketch，AutoCAD,Illustrator等专业绘图软件。在各种行业中，专业技术人员经常在上述软件中进行平面图绘制，导出的SVG数据源可以在Web端高质量的显示。SVG是一种以使用XML描述2D图形的语言。它有着丰富的绘图功能，可以绘制各种图形、滤镜、动画等。SVG有着矢量特性，在现今的互联网中，Web浏览器端经常会使用SVG来绘制静态图形。由于SVG是以XML+CSS来控制图形样式，传统Web编辑SVG不仅对操作人员有着专业技术要求，而且在大量XML的DOM操作下，浏览器性能不足容易卡顿、卡死，从而降低了操作人员整体效率。在物流行业中，仓库平面图也会随时不断调整，仓库平面图的小单元区域需要绑定大量的信息数据，对于SVG而言，无法对平面图小单元信息能够有效的汇总和筛选。

发明内容

本发明提供了一种图形处理方法、装置和电子设备，能有效关联图形数据和业务数据信息，利用图形数据重新绘制图形，同时也降低了维护成本、提供了操作人员的工作效率。

本说明书实施例提供一种图形处理方法，包括：

获取SVG文件数据；

对所述SVG文件数据进行编码解析，得到XML文件数据；

对所述XML文件数据进行解析，并对解析后的所述XML文件数据进行过滤、和/或排序，生成JSON数据；

对所述JSON数据进行渲染，得到图形信息；

响应用户对所述图形信息的编辑操作，对编辑后的所述图形信息进行渲染，得到处理后的图形。

优选的，对所述XML文件数据进行解析，包括：

对所述XML文件数据进行解析，得到所述XML文件数据中的图形背景、和/或单元图形、和/或文字注释。

优选的，所述对解析后的所述XML文件数据进行过滤、和/或排序，包括：

过滤所述XML文件数据中不规范图形、和/或重复图形；

获取所述XML文件数据中图形的点集，并根据所述图形的点集确定X坐标的最大值和最小值、Y坐标的最大值和最小值；

根据所述X坐标的最大值和最小值、Y坐标的最大值和最小值计算所述XML文件数据中图形相对应的矩形可视范围；

对所述XML文件数据中的图形进行排序。

优选的，所述对所述XML文件数据中的图形进行排序，包括：

确定所述图形中图形元素的排序规则，所述图形元素包括：图形背景、单元图形、文字注释。

根据所述排序规则对所述图形进行图层排序；

根据冒泡排序法对所述图形进行图层排序。

优选的，所述根据冒泡排序法对所述图形进行图层排序，包括：

每次抽取所述图形中的两个图形；