[发明专利]SVG矢量图形的调整方法、装置、存储介质及终端

说明书

本申请实施例公开了一种SVG矢量图形的调整方法、装置、存储介质及终端，属于图形处理领域。用户通过显示在SVG矢量图上的锚点进行拖拽操作实现对SVG矢量图形的形状的调整，避免相关技术中用户通过文本编辑器中修改SVG描述文件的形状参数来调整SVG矢量图形带来的效率低下和不可见的问题，因此本申请实施例可以通过可视化的方式调整SVG矢量图形的形状，通过这种所见即所得的方式对SVG矢量图形的形状进行调整，提高调整SVG矢量图形的形状的效率。

技术领域

本申请涉及图形处理领域，尤其涉及一种SVG矢量图形的调整方法、装置、存储介质及终端。

背景技术

可缩放的矢量图形(scalable vector graphics，SVG)是一种在网页中应用较为广泛的矢量图形，SVG矢量图形具有放大后质量不变的特性。计算机读取SVG描述文件，根据SVG描述文件中的形状参数进行渲染，然后通过显示屏显示渲染后得到的SVG矢量图形，例如：形状参数包括：矩形的圆角弧度、梯形的角度和环的内径等。在需要调整SVG矢量图形的形状时，用户通过文本编辑器对SVG描述文件中的形状参数进行编辑，完成编辑后计算机重新渲染和显示SVG矢量图形文件，由此可见，目前这种调整SVG矢量图形的形状的方法效率较低，不够直观。

发明内容

本申请实施例提供了的SVG矢量图形的调整方法、装置、存储介质及终端，可以解决相关技术中调整SVG矢量图形效率较低和不直观的问题。所述技术方案如下：

第一方面，本申请实施例提供了一种SVG矢量图形的调整方法，所述方法包括：

通过显示单元显示SVG矢量图形；

检测到所述SVG矢量图形上发生的预设触发操作时，通过所述显示单元在所述SVG矢量图形上显示至少一个锚点；预设触发操作的类型可以是鼠标操作或触控操作等，例如：预设触发操作为鼠标单击操作。

检测到所述锚点上发生的拖拽操作时，将所述锚点由源坐标点移动到目的坐标点；

确定所述坐标点到所述目的坐标点的移动轨迹，以及根据所述移动轨迹的参数对所述SVG矢量图形的形状进行调整。

在一种可能的设计中，所述通过显示单元显示SVG矢量图形之前，还包括

根据所述SVG矢量图形的SVG描述文件中的可调整参数；

根据所述可调整参数的类型和数量创建至少一个锚点；

根据所述可调整参数的范围设置各个锚点的可移动范围。

在一种可能的设计中，所述根据所述移动轨迹的参数对所述SVG矢量图形的形状进行调整，包括：

计算所述移动轨迹的长度；

根据所述移动轨迹的长度确定所述锚点对应的可调整参数的调整量；

根据所述可调整参数的调整量调整所述SVG矢量图形的形状。

在一种可能的设计中，可调整参数包括：矩形的圆角弧度、梯形的角度或环的内径。

第二方面，本申请实施例提供了一种SVG矢量图形的调整装置，所述调整装置包括：

显示单元，用于显示SVG矢量图形；

检测单元，用于检测到所述SVG矢量图形上发生的预设触发操作时，通过所述显示单元在所述SVG矢量图形上显示至少一个锚点；

移动单元，用于检测到所述锚点上发生的拖拽操作时，将所述锚点由源坐标点移动到目的坐标点；

调整单元，用于确定所述源坐标点到所述目的坐标点的移动轨迹，以及根据所述移动轨迹的参数对所述SVG矢量图形进行形状调整。