一种图形处理方法、装置和电子设备制造方法及图纸

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

【技术实现步骤摘要】
一种图形处理方法、装置和电子设备


[0001]本专利技术涉及计算机
，尤其涉及一种图形处理方法、装置和电子设备。

技术介绍

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

技术实现思路

[0003]本专利技术提供了一种图形处理方法、装置和电子设备，能有效关联图形数据和业务数据信息，利用图形数据重新绘制图形，同时也降低了维护成本、提供了操作人员的工作效率。
[0004]本说明书实施例提供一种图形处理方法，包括：
[0005]获取SVG文件数据；
[0006]对所述SVG文件数据进行编码解析，得到XML文件数据；
[0007]对所述XML文件数据进行解析，并对解析后的所述XML文件数据进行过滤、和/或排序，生成JSON数据；
[0008]对所述JSON数据进行渲染，得到图形信息；
[0009]响应用户对所述图形信息的编辑操作，对编辑后的所述图形信息进行渲染，得到处理后的图形。
[0010]优选的，对所述XML文件数据进行解析，包括：
[0011]对所述XML文件数据进行解析，得到所述XML文件数据中的图形背景、和/或单元图形、和/或文字注释。
[0012]优选的，所述对解析后的所述XML文件数据进行过滤、和/或排序，包括：
[0013]过滤所述XML文件数据中不规范图形、和/或重复图形；
[0014]获取所述XML文件数据中图形的点集，并根据所述图形的点集确定X坐标的最大值和最小值、Y坐标的最大值和最小值；
[0015]根据所述X坐标的最大值和最小值、Y坐标的最大值和最小值计算所述XML文件数据中图形相对应的矩形可视范围；
[0016]对所述XML文件数据中的图形进行排序。
[0017]优选的，所述对所述XML文件数据中的图形进行排序，包括：
[0018]确定所述图形中图形元素的排序规则，所述图形元素包括：图形背景、单元图形、文字注释。
[0019]根据所述排序规则对所述图形进行图层排序；
[0020]根据冒泡排序法对所述图形进行图层排序。
[0021]优选的，所述根据冒泡排序法对所述图形进行图层排序，包括：
[0022]每次抽取所述图形中的两个图形；
[0023]对所述两个图形的状态进行判断，根据判断结果对所述两个图形进行图层排序。
[0024]优选的，所述根据判断结果对所述两个图形进行图层排序，包括：
[0025]当所述两个图形不相交或相交且包含，则按照图形面积从大到小的顺序对两个图形进行图层排序。
[0026]优选的，所述根据判断结果对所述两个图形进行图层排序，还包括：
[0027]当所述两个图形相交且不包含，则按照图形不相交面积从大到小的顺序对两个图形进行图层排序。
[0028]本说明书实施例还提供一种图形处理装置，其特征在于，包括：
[0029]文件获取模块，获取SVG文件数据；
[0030]第一解析模块，对所述SVG文件数据进行编码解析，得到XML文件数据；
[0031]第二解析模块，对所述XML文件数据进行解析，并对解析后的所述XML文件数据进行过滤、和/或排序，生成JSON数据；
[0032]第一图形渲染模块，对所述JSON数据进行渲染，得到图形信息；
[0033]第二图形渲染模块，响应用户对所述图形信息的编辑操作，对编辑后的所述图形信息进行渲染，得到处理后的图形。
[0034]一种电子设备，其中，该电子设备包括：
[0035]处理器以及存储计算机可执行指令的存储器，所述可执行指令在被执行时使所述处理器执行上述任一项所述的方法。
[0036]一种计算机可读存储介质，其中，所述计算机可读存储介质存储一个或多个程序，所述一个或多个程序当被处理器执行时，实现上述任一项所述的方法。
[0037]其有益效果在于：
[0038]本专利技术以JSON形式储存图形数据，并有效关联图形数据和业务数据信息，利用图形数据可以重新绘制图形，解决SVG大量数据情况下性能卡顿、卡死问题，同时也降低了维护成本、提供了操作人员的工作效率。
附图说明
[0039]此处所说明的附图用来提供对本申请的进一步理解，构成本申请的一部分，本申请的示意性实施例及其说明用于解释本申请，并不构成对本申请的不当限定。在附图中：
[0040]图1为本说明书实施例提供的一种图形处理方法的原理示意图；
[0041]图2为本说明书实施例提供的一种图形处理装置的结构示意图；
[0042]图3为本说明书实施例提供的一种电子设备的结构示意图；
[0043]图4为本说明书实施例提供的一种计算机可读介质的原理示意图。
具体实施方式
[0044]现在将参考附图更全面地描述本专利技术的示例性实施例。然而，示例性实施例能够以多种形式实施，且不应被理解为本专利技术仅限于在此阐述的实施例。相反，提供这些示例性实施例能够使得本专利技术更加全面和完整，更加便于将专利技术构思全面地传达给本领域的技术人员。在图中相同的附图标记表示相同或类似的元件、组件或部分，因而将省略对它们的重复描述。
[0045]在符合本专利技术的技术构思的前提下，在某个特定的实施例中描述的特征、结构、特性或其他细节不排除可以以合适的方式结合在一个或更多其他的实施例中。
[0046]在对于具体实施例的描述中，本专利技术描述的特征、结构、特性或其他细节是为了使本领域的技术人员对实施例进行充分理解。但是，并不排除本领域技术人员可以实践本专利技术的技术方案而没有特定特征、结构、特性或其他细节的一个或更多。
[0047]附图中所示的图仅是示例性说明，不是必须包括所有的内容和操作/步骤，也不是必须按所描述的顺序执行。例如，有的操作/步骤还可以分解，而有的操作/步骤可以合并或部分合并，因此实际执行的顺序有可能根据实际情况改变。
[0048]附图中所示的方框图仅仅是功能实体，不一定必须与物理上独立的实体相对应。即，可以采用软件形式来实现这些功能实体，或在一个或多个硬件模块或集成电路中实现这些功能实体，或在不同网本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种图形处理方法，其特征在于，包括：获取SVG文件数据；对所述SVG文件数据进行编码解析，得到XML文件数据；对所述XML文件数据进行解析，并对解析后的所述XML文件数据进行过滤、和/或排序，生成JSON数据；对所述JSON数据进行渲染，得到图形信息；响应用户对所述图形信息的编辑操作，对编辑后的所述图形信息进行渲染，得到处理后的图形。2.如权利要求1所述的一种图形处理方法，其特征在于，对所述XML文件数据进行解析，包括：对所述XML文件数据进行解析，得到所述XML文件数据中的图形背景、和/或单元图形、和/或文字注释。3.如权利要求1所述的一种图形处理方法，其特征在于，所述对解析后的所述XML文件数据进行过滤、和/或排序，包括：过滤所述XML文件数据中不规范图形、和/或重复图形；获取所述XML文件数据中图形的点集，并根据所述图形的点集确定X坐标的最大值和最小值、Y坐标的最大值和最小值；根据所述X坐标的最大值和最小值、Y坐标的最大值和最小值计算所述XML文件数据中图形相对应的矩形可视范围；对所述XML文件数据中的图形进行排序。4.如权利要求3所述的一种图形处理方法，其特征在于，所述对所述XML文件数据中的图形进行排序，包括：确定所述图形中图形元素的排序规则，所述图形元素包括：图形背景、单元图形、文字注释。根据所述排序规则对所述图形进行图层排序；根据冒泡排序法对所述图形进行图层排序。5.如权利要求4所述的一种图形处理方法，其特征在于，所述根据冒泡排序法对所述图形进行图层排序，包...

【专利技术属性】
技术研发人员：廖文强，倪文斌，李紫，
申请(专利权)人：珠海万纬物流发展有限公司，
类型：发明
国别省市：