矢量图形的绘制方法、装置、存储介质及终端制造方法及图纸

本申请实施例公开了一种矢量图形的绘制方法、装置、存储介质及终端，属于计算机技术领域。采用分层的方式绘制矢量图形，在多个图层中的任意一个图层发生更新时，只需要对发生更新的图层进行重绘制，相对于现有的位图所有的图案都位于同一图层上，本申请实施例不需要对所有的图层进行重绘制，减少了重绘制的数据量，相应的降低了重绘制的时间。

Drawing method, device, storage medium and terminal of vector graphics

The embodiment of the application discloses a drawing method, a device, a storage medium and a terminal of vector graphics, belonging to the technical field of computer. The vector graphics are drawn in a layered way. When any one of the multiple layers is updated, only the updated layer needs to be redrawn. Compared with the existing bitmap, all the patterns are on the same layer. The embodiment of the application does not need to redraw all the layers, reducing the amount of redrawn data and the redrawing time accordingly \u3002

【技术实现步骤摘要】
矢量图形的绘制方法、装置、存储介质及终端
本申请涉及计算机
，尤其涉及一种矢量图形的绘制方法、装置、存储介质及终端。
技术介绍
随着时代的变迁以及当代绘画技术的不断发展，绘画呈现丰富多彩的局面，不再依赖线条或者几何图形单一展示，而是更注重色彩的搭配和运用，随着计算机技术的发展，计算机绘图越来越受到社会的青睐。在现有技术中，市面绘图产品对图像的绘制方法，通常是对位图进行填充，位图也称为点阵图，由大量的像素点组成，位图可以表现出丰富的色彩变化并产生逼真的效果，位图需要记录每个像素的色彩信息，因此位图占用的存储空间比较大，在对位图进行绘制的过程中运算量比较大，这样绘制的时间相应增加。
技术实现思路
本申请实施例提供了一种矢量图形的绘制方法、装置、存储介质及终端，可以解决现有的绘制方法运算量大的问题。所述技术方案如下：第一方面，本申请实施例提供了一种矢量图形的绘制方法，所述方法包括：解析矢量图形文件，根据矢量图形文件确定多个图层的位置，根据从下到上的顺序对多个图层进行绘制，绘制完成后得到矢量图形。矢量图形文件可以存储在终端本地，也可以存在服务器上，本申请实施例不作限制。矢量图形文件是使用文本形式描述图层的位置以及各个图层上的图案的形状和位置，图层为承载一个或多个图案的容器。在一种可能的设计中，根据从下到上的顺序对多个图层进行绘制，绘制完成后得到矢量图形之后，还包括：接收针对矢量图形的填充操作；根据填充操作的位置确定矢量图形中的目标图案，将目标图案所在图层以上的图层进行合并得到第一图层，以及将目标图案所在的图层以下的所有图层进行合并得到第二图层，对目标图案进行填充，以及根据从下到上的顺序分别绘制所述第二图层、所述目标图案所在的图层和所述第一图层。在一种可能的设计中，对目标图案进行填充，包括：基于蒙版裁剪的方式对所述目标图案进行填充。在一种可能的设计中，根据填充操作的位置确定矢量图形中的目标图案，包括：获取填充操作的屏幕坐标，确定矢量图形中所有包括屏幕坐标的图案，将所有包括屏幕坐标的图案中图层最高的图案作为目标图案。在一种可能的设计中，矢量图形文件包括文件头部、图层元数据区和图层数据区，图层头部包括图层数、作者和创建日期中的一种或多种，图层元数据区包括图层标识、图层填充状态指示位和图层位置信息中的一种或多种，图层数据区包括图案描述信息。在一种可能的设计中，所述对目标图案进行颜色之前，还包括：接收颜色选择指令，以及根据颜色选择指令选择目标颜色，目标颜色用于对目标图案进行颜色填充。在一种可能的设计中，接收颜色选择指令，以及根据颜色选择指令选择目标颜色包括：显示颜色托盘，颜色托盘包括多个颜色，接收针对颜色托盘的颜色选择指令，将选择选择指令在多个颜色中选择的颜色作为目标颜色。在一种可能的设计中，颜色托盘包括颜色候选区、选中颜色区和最近使用颜色区，颜色后选区包括终端设备支持的所有颜色，选择颜色区表示用户在颜色后选区中选中的颜色，最近使用颜色区表示最近使用的预设数量的颜色，预设数量可以根据需要来进行设置。在一种可能的设计中，对目标图案进行填充包括：确定所述目标图案的最小外接矩形，计算所述最小外接矩形的中心点，以所述终端点为起始点通过均速扩散的方式对目标图案进行颜色填充。第二方面，本申请实施例提供了一种矢量图形的绘制装置，所述装置包括：解析模块，用于解析矢量图形文件；位置确定模块，用于根据所述矢量图形文件确定多个图层的位置；其中，所述图层为承载一个或多个图案的容器；绘制模块，用于根据从下到上的顺序对所述多个图层进行绘制，绘制完成后得到矢量图形。第三方面，本申请实施例提供一种计算机存储介质，所述计算机存储介质存储有多条指令，所述指令适于由处理器加载并执行上述的方法步骤。第四方面，本申请实施例提供一种终端，可包括：处理器和存储器；其中，所述存储器存储有计算机程序，所述计算机程序适于由所述处理器加载并执行上述的方法步骤。本申请一些实施例提供的技术方案带来的有益效果至少包括：本申请实施例的方案在执行时，终端对对矢量图形文件进行解析，确定多个图层的位置以及各个图层包括的图案的位置和形状，根据从下到上的顺序对多个图层进行绘制，绘制完成后显示矢量图形，采用分层的方式绘制矢量图形，在多个图层中的任意一个图层发生更新时，只需要对发生更新的图层进行重绘制，相对于现有的位图所有的图案都位于同一图层上，本申请实施例不需要对所有的图层进行重绘制，减少了重绘制的数据量，相应的降低了重绘制的时间。附图说明为了更清楚地说明本申请实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。图1是本申请实施例提供的一种系统架构的结构示意图；图2A是本申请实施例提供的一种矢量图形的绘制方法的流程示意图；图2B～图2F是本申请实施例提供的矢量图形的绘制原理示意图；图3A是本申请实施例提供的一种矢量图形的绘制方法的另一流程示意图；图3B是本申请实施例提供的一种用户界面的示意图；图3C是本申请实施例提供的一种用户界面的示意图；图3D是本申请实施例提供的一种用户界面的示意图；图3E是本申请提供的一种图层的分布示意图；图3F是本申请提供的一种颜色填充的示意图；图4是本申请实施例提供的一种矢量图形的填充装置的结构示意图；图5是本申请实施例提供的一种终端设备的结构示意图。具体实施方式为使本申请的目的、技术方案和优点更加清楚，下面将结合附图对本申请实施例方式作进一步地详细描述。下面的描述涉及附图时，除非另有表示，不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本申请相一致的所有实施方式。相反，它们仅是如所附权利要求书中所详述的、本申请的一些方面相一致的装置和方法的例子。在本申请的描述中，需要理解的是，术语“第一”、“第二”等仅用于描述目的，而不能理解为指示或暗示相对重要性。对于本领域的普通技术人员而言，可以具体情况理解上述术语在本申请中的具体含义。此外，在本申请的描述中，除非另有说明，“多个”是指两个或两个以上。“和/或”，描述关联对象的关联关系，表示可以存在三种关系，例如，A和/或B，可以表示：单独存在A，同时存在A和B，单独存在B这三种情况。字符“/”一般表示前后关联对象是一种“或”的关系。首先，对本申请实施例涉及到的一些名词进行解释：用户界面(UserInterface，UI)：又称为图形用户界面，是用户和终端之间进行交互的接口，终端的用户界面上显示窗口、图标或按钮等控件，用户点击控件后终端执行相应的操作(操作可以是鼠标、键盘、触摸屏等输入设备触发的)，以及本文档来自技高网...

【技术保护点】
1.一种矢量图形的绘制方法，其特征在于，所述方法包括：/n解析矢量图形文件；/n根据所述矢量图形文件确定多个图层的位置；其中，所述图层为承载一个或多个图案的容器；/n根据从下到上的顺序对所述多个图层进行绘制，绘制完成后得到矢量图形。/n

【技术特征摘要】
1.一种矢量图形的绘制方法，其特征在于，所述方法包括：
解析矢量图形文件；
根据所述矢量图形文件确定多个图层的位置；其中，所述图层为承载一个或多个图案的容器；
根据从下到上的顺序对所述多个图层进行绘制，绘制完成后得到矢量图形。


2.根据权利要求1所述的方法，其特征在于，所述根据从下到上的顺序对所述多个图层进行绘制，绘制完成后得到矢量图形之后，还包括：
接收针对所述矢量图形的填充操作；
根据填充操作的位置确定所述矢量图形中的目标图案；
将所述目标图案所在的图层以上的所有图层进行合并得到第一图层，以及将所述目标图案所在的图层以下的所有图层进行合并得到第二图层；
对所述目标图案进行填充，以及根据从下到上的顺序分别绘制所述第二图层、所述目标图案所在的图层和所述第一图层。


3.根据权利要求2所述的方法，其特征在于，所述对所述目标图案进行填充，包括：
基于蒙版裁剪的方式对所述目标图案进行填充。


4.根据权利要求2所述的方法，其特征在于，所述根据填充操作的位置确定所述矢量图形中的目标图案，包括：
获取所述填充操作的屏幕坐标；
确定所述矢量图形中所有包括所述屏幕坐标的图案；
将所述所有包括所述屏幕坐标的图案中图层最高的图案，作为所述目标图案。


5.根据权利要求1至4任意一项所述的方法，其特征在于，所述矢量图形文件包括：文件头部、图层元数据区和图层数据区，所述图层头部包括图层数、作者和创建日期中的一种或多种，图层元数据区包括图层标识、图层填充状态指示位和图层位置信息中的一种或多种，图层数据区包括图案描述信息。


6.一种矢量图形的绘制装置，其特征在于，包括：
解析模块，用于解析矢量图形文件；
位置确定模块，用于根据所述矢量图形文件确定多个图层...

【专利技术属性】
技术研发人员：张俊宇，
申请(专利权)人：广州视源电子科技股份有限公司，广州视睿电子科技有限公司，
类型：发明
国别省市：广东;44