绘图方法、装置、终端设备和计算机可读存储介质制造方法及图纸

本申请适用于绘图技术领域，提供了一种绘图方法、装置、终端设备和计算机可读存储介质。其中，上述绘图方法包括：响应于用户在网页的SVG容器中对目标引导图形的选中操作，生成所述目标引导图形的引导信息，所述SVG容器中设置有待绘制的矢量图，所述引导信息用于指示所述目标引导图形所需点位的数量条件；根据用户在所述SVG容器中对目标点位设置的目标位置信息，生成所述目标引导图形对应的目标SVG元素，所述目标点位的数量满足所述引导信息指示的数量条件；在所述SVG容器中显示所述目标SVG元素。本申请的实施例可以提高矢量图绘图的便捷性。性。性。

【技术实现步骤摘要】
绘图方法、装置、终端设备和计算机可读存储介质


[0001]本申请属于绘图
，尤其涉及一种绘图方法、装置、终端设备和计算机可读存储介质。

技术介绍

[0002]机器人的矢量地图通常为矢量图，矢量图也称为面向对象的图像或绘图图像。开发人员在对机器人的矢量地图进行绘制时，通常需要通过矢量图的绘图软件进行地图绘制。这种方式需要提前下载绘图软件，搭建绘图软件所需要的操作系统环境，并且，只能在计算机本地进行操作，难以实现在线绘图。因此，相关技术中在进行矢量图绘图时便捷性较差。

技术实现思路

[0003]本申请实施例提供一种绘图方法、装置、终端设备和计算机可读存储介质，可以解决目前进行矢量图绘图时便捷性较差的问题。
[0004]本申请实施例第一方面提供一种绘图方法，包括：响应于用户在网页的SVG容器中对目标引导图形的选中操作，生成所述目标引导图形的引导信息，所述SVG容器中设置有待绘制的矢量图，所述引导信息用于指示所述目标引导图形所需点位的数量条件；根据用户在所述SVG容器中对目标点位设置的目标位置信息，生成所述目标引导图形对应的目标SVG元素，所述目标点位的数量满足所述引导信息指示的数量条件；在所述SVG容器中显示所述目标SVG元素。
[0005]本申请实施例第二方面提供的一种绘图装置，包括：引导信息生成单元，用于响应于用户在网页的SVG容器中对目标引导图形的选中操作，生成所述目标引导图形的引导信息，所述SVG容器中设置有待绘制的矢量图，所述引导信息用于指示所述目标引导图形所需点位的数量条件；SVG元素生成单元，用于根据用户在所述SVG容器中对目标点位设置的目标位置信息，生成所述目标引导图形对应的目标SVG元素，所述目标点位的数量满足所述引导信息指示的数量条件；显示单元，用于在所述SVG容器中显示所述目标SVG元素。
[0006]本申请实施例第三方面提供一种终端设备，包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现上述绘图方法的步骤。
[0007]本申请实施例第四方面提供一种计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，所述计算机程序被处理器执行时实现上述绘图方法的步骤。
[0008]本申请实施例第五方面提供了一种计算机程序产品，当计算机程序产品在终端设备上运行时，使得终端设备执行上述第一方面中所述的绘图方法。
[0009]在本申请的实施方式中，用户可以在网页的SVG容器中选中目标引导图形，进而在设置有待绘制的矢量图的SVG容器内进行目标引导图形的绘制，实现了在网页上对待绘制的矢量图进行在线绘制的功能，不需要用户专门下载用于对矢量图进行绘制的绘制软件，
提高了矢量图绘图的便捷性。并且，由于不同SVG元素所需的点位不同，在绘制过程中生成引导信息，指示用户进行对应数量的目标点位的绘制，可以辅助生成并显示目标引导图形对应的目标SVG元素，避免绘制后对目标SVG元素进行显示时，所呈现的图形与用户选中的引导图形不相符的情况，实现了在待绘制的矢量图中便捷地对用户所需图形进行绘制的功能。
附图说明
[0010]为了更清楚地说明本申请实施例中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。
[0011]图1是本申请实施例提供的一种绘图方法的实现流程示意图；
[0012]图2是本申请实施例提供的将待绘制的矢量图设置于特定位置的示意图；
[0013]图3是本申请实施例提供的绘图方法的具体实现流程示意图；
[0014]图4是本申请实施例提供的一种绘图装置的结构示意图；
[0015]图5是本申请实施例提供的终端设备的结构示意图。
具体实施方式
[0016]为了使本申请的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本申请进行进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本申请，并不用于限定本申请。基于本申请的实施例，本领域技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例，都属于本申请保护。
[0017]为了便于对本申请实施例所提供的技术方案进行说明，首先对本申请实施例提到的专业术语进行说明如下：
[0018]SVG：Scalable Vector Graphics，指可伸缩矢量图形，可以使用XML格式定义图形，可以与JavaScript技术一起运行。现有的浏览器大多支持SVG，即，可以通过浏览器上的网页显示SVG。
[0019]CSS：Cascading Style Sheets，层叠样式表，是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
[0020]Canvas：画布元素，用于在网页实时生成图像，通常为用JavaScript操作的位图(bitmap)。
[0021]CAD：Computer Aided Design，计算机辅助设计，常见的一种矢量图。
[0022]相关技术中，开发人员在对机器人的矢量地图进行绘制时，通常需要通过矢量图的绘图软件进行地图绘制。这种方式需要提前下载绘图软件，搭建绘图软件所需要的操作系统环境。并且，只能在计算机本地进行操作，难以实现在线绘图。
[0023]鉴于此，本申请实施例提出一种在网页上实现矢量图绘制的方案，能够通过网页的SVG容器，在待绘制的矢量图上绘制用户选择的目标引导图形，不需要用户下载绘图软件，能够基于网页实现在线绘图。
[0024]为了说明本申请的技术方案，下面通过具体实施例来进行说明。
[0025]图1示出了本申请实施例提供的一种绘图方法的实现流程示意图，该方法可以应用于终端设备上，可适用于需提高矢量图绘图的便捷性的情形。其中，上述终端设备可以是智能手机、计算机、平板电脑等智能设备。
[0026]具体的，上述绘图方法可以包括以下步骤S101至步骤S103。
[0027]步骤S101，响应于用户在网页的SVG容器中对目标引导图形的选中操作，生成目标引导图形的引导信息。
[0028]在本申请的实施方式中，在浏览器的网页上对矢量图进行绘制时，需要在SVG容器中实现。SVG容器也可称为SVG画布，可用于设置不同的SVG元素，终端设备通过在网页上对SVG容器内的SVG元素进行显示，可以呈现SVG元素对应的图形。SVG容器中可以设置有待绘制的矢量图，待绘制的矢量图也即用户进行绘图前的矢量图，例如可以指未完成绘制的矢量地图。用户通过本申请提供的绘图方法，可以在网页中待绘制的矢量图上绘制所需的图形，实现在线绘图的功能。
[0029]一些实施方式中，终端设备可以生成SVG容器，并接收用户对待绘制的矢量图的选中操作和对待绘制的矢量图在SVG容器内的样式的设置操作。响应本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种绘图方法，其特征在于，包括：响应于用户在网页的SVG容器中对目标引导图形的选中操作，生成所述目标引导图形的引导信息，所述SVG容器中设置有待绘制的矢量图，所述引导信息用于指示所述目标引导图形所需点位的数量条件；根据用户在所述SVG容器中对目标点位设置的目标位置信息，生成所述目标引导图形对应的目标SVG元素，所述目标点位的数量满足所述引导信息指示的数量条件；在所述SVG容器中显示所述目标SVG元素。2.如权利要求1所述的绘图方法，其特征在于，在所述响应于用户在网页的SVG容器中对目标引导图形的选中操作，生成所述目标引导图形的引导信息之前，所述绘图方法还包括：生成所述SVG容器；响应于用户对所述待绘制的矢量图的选中操作，以及对所述待绘制的矢量图在所述SVG容器内的样式的设置操作，将所述待绘制的矢量图按照所述样式设置于所述SVG容器内。3.如权利要求1所述的绘图方法，其特征在于，所述根据用户在所述SVG容器中对目标点位设置的目标位置信息，生成所述目标引导图形对应的目标SVG元素，包括：接收用户对所述目标位置信息的设置操作，得到所述目标位置信息，直至所述目标位置信息的数量满足所述数量条件，确认所述目标点位的数量满足所述数量条件；根据所述目标位置信息生成与所述目标SVG元素对应的数据格式的点位信息；根据所述点位信息生成所述目标引导图形对应的目标SVG元素。4.如权利要求1所述的绘图方法，其特征在于，所述目标引导图形包括禁标线，所述禁标线对应的目标SVG元素为直线元素；和/或，所述目标引导图形包括禁标区，所述禁标区对应的目标SVG元素为多边形元素；和/或，所述目标引导图形包括文本，所述文本对应的目标SVG元素为文本元素。5.如权利要求1至4任意一项所述的绘图方法，其特征在于，所述绘图方法还包括：根据用户对所述SVG容器中待更新SVG元素的选中操作，以及对所述待更新SVG元素的更新操作，对所述待更新SVG元素的样式或点位信息进行更新。6.如权利要求5所述的绘图方法，其特征在于，所述根据用户对所述SVG容器中待更新SVG元素的选中操作，以及对所述待更新SVG元素的更新操作，对所述待更新SVG元素的样式或点位信息进行更新，包括：根据用...

【专利技术属性】
技术研发人员：黄泽益，
申请(专利权)人：深圳市优必选科技股份有限公司，
类型：发明
国别省市：