矢量图的绘制方法、装置及计算机可读存储介质制造方法及图纸

技术编号:24290426 阅读:40 留言:0更新日期:2020-05-26 20:24
本发明专利技术公开了一种矢量图的绘制方法。所述矢量图的绘制方法包括:将目标矢量图模型输入到矢量图编辑器;通过所述矢量图编辑器根据用户选定的矢量图和目标矢量图模型绘制目标矢量图;根据预设的矢量图规则对绘制好的目标矢量图进行绑定。本发明专利技术中,通过预设将绘制好的矢量图绑定注入规则,便于将矢量图导出使用,有助于后期在网页端动态加载矢量图。同时,本发明专利技术还提供一种矢量图的绘制装置和一种计算机可读存储介质。

Drawing method, device and computer readable storage medium of vector graph

【技术实现步骤摘要】
矢量图的绘制方法、装置及计算机可读存储介质
本专利技术涉及矢量图的绘制技术,更具体地,涉及一种矢量图的绘制方法、装置及计算机可读存储介质。
技术介绍
随着技术的不断发展,在网页web端上绘图的需求愈加广泛。如,电力设备行业的设备拓扑图在网页端实现控制是非常繁琐且较为复杂。为解决这类问题,当前采用的是HTML5、JavaScript、SVG编辑器等配合使用来解决,常见的是基于js库迭代开发,建立专属的组件库。而这存在领域范围上的弊端,取决于业务的使用范畴、上下文场景,还取决于当前浏览器缓存、浏览器版本号、不同浏览器内置是否支持。
技术实现思路
为解决上述至少一个方面的问题,本专利技术提出了一种矢量图的绘制方法、装置及一种计算机可读存储介质,通过预设将绘制好的矢量图绑定注入规则,有助于后期在网页端动态加载矢量图,处理了传统SVG矢量图在传统网页上动态加载标志位置的数据问题。为了实现本专利技术的目的,采取如下技术方案:第一方面,本专利技术提供了一种矢量图的绘制方法。所述矢量图的绘制方法包括:本文档来自技高网...

【技术保护点】
1.一种矢量图的绘制方法,其特征在于,包括:/n将目标矢量图模型输入到矢量图编辑器;/n通过所述矢量图编辑器根据用户选定的矢量图和目标矢量图模型绘制目标矢量图;/n根据预设的矢量图规则对绘制好的目标矢量图进行绑定。/n

【技术特征摘要】
1.一种矢量图的绘制方法,其特征在于,包括:
将目标矢量图模型输入到矢量图编辑器;
通过所述矢量图编辑器根据用户选定的矢量图和目标矢量图模型绘制目标矢量图;
根据预设的矢量图规则对绘制好的目标矢量图进行绑定。


2.根据权利要求1所述的矢量图的绘制方法,其特征在于,所述将目标矢量图模型输入到矢量图编辑器之前,还包括:
利用AI软件绘制所述目标矢量图模型。


3.根据权利要求1所述的矢量图的绘制方法,其特征在于,所述将目标矢量图模型输入到矢量图编辑器之前,还包括:
在矢量图编辑器中写入具有预设规则的按钮和窗口。


4.根据权利要求3所述的矢量图的绘制方法,其特征在于,所述根据预设的矢量图规则对绘制好的目标矢量图进行绑定的步骤中,具体包括:
通过所述按钮和窗口,对所述绘制好的目标矢量图绑定预设的矢量图规则。


5.根据权利要求1所述的矢量图的绘制方法,其特征在于,所述根据预设的矢量图规则对绘制好的目标矢量图进行绑定之后,还包括:
预先在web端建立好DIV;
利用所述DIV承装经绑定的目标矢量图。


6.根据权利要求5所述的矢量图的绘制方法,其特征在于,所述利用所述DIV承装经绑定的目标矢量图之后,还包括:

【专利技术属性】
技术研发人员:郑民毫陈润辉李春林
申请(专利权)人:广州长川科技有限公司
类型:发明
国别省市:广东;44

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1