绘图工具、基于绘图工具的图形生成方法、装置、设备及介质.pdf

(19)国家知识产权局(12)发明专利申请(10)申请公布号CN114461324A(43)申请公布日2022.05.10(21)申请号202210102624.9(22)申请日2022.01.27(71)申请人联信弘方（北京）科技股份有限公司地址100010北京市东城区后永康胡同17号1-875A室(72)发明人刘金山(51)Int.Cl.G06F9/451(2018.01)G06F9/448(2018.01)G06T11/20(2006.01)权利要求书1页说明书7页附图4页(54)发明名称绘图工具、基于绘图工具的图形生成方法、装置、设备及介质(57)摘要本申请涉及一种绘图工具、基于绘图工具的图形生成方法、装置、设备及介质，应用于web绘图技术领域，绘图工具包括：基础组件，所述基础组件封装有图源基本要素、事件监听控制器、布局器算法、图形渲染引擎、基本数学函数库和辅助工具。本申请具有提高开发效率的效果。CN114461324ACN114461324A权利要求书1/1页1.一种绘图工具，其特征在于，包括：基础组件，所述基础组件封装有图源基本要素、事件监听控制器、布局器算法、图形渲染引擎、基本数学函数库和辅助工具。2.根据权利要求1所述的一种绘图工具，其特征在于，还包括：基于所述基础组件封装多个用于继承基础组件功能的拓展组件，其中，所述拓展组件包括拓扑组件、地图组件、导图组件、画板组件、图表组件和自定义组件。3.根据权利要求1或2所述的一种绘图工具，其特征在于，所述图源基本要素包括构造基本图形、连接关系对象、复合图形和图形编辑选择器。4.根据权利要求1或2所述的一种绘图工具，其特征在于，所述辅助工具包括鹰眼、图形右键菜单、鼠标悬停提示框和图例。5.一种基于如权利要求1至4任一项所述的绘图工具的图形生成方法，其特征在于，应用于HTML页面，所述方法包括：响应于用户的绘图指令，获取输入数据并实例化拓展组件对象；基于所述拓展组件对象，绑定数据源；初始化画布页面；基于所述数据源调用绘图模板，在所述绘图模板中解析所述输入数据；基于所述绘图模板、解析后的输入数据和所述画布页面对待绘制图形进行布局和绘制；显示所述待绘制图形。6.根据权利要求5所述的方法，其特征在于，在所述基于所述绘图模板、解析后的输入数据和所述画布页面对待绘制图形进行布局和绘制之后，所述方法还包括：获取所述待绘制图形的图源信息，将所述图源信息存储于数据库中。7.根据权利要求5所述的方法，其特征在于，在所述显示所述待绘制图形之后，所述方法还包括：响应于用户的调整指令，对所述待绘制图形进行动态调整。8.一种基于如权利要求1至4任一项所述的绘图工具的图形生成装置，其特征在于，包括：指令响应模块，用于响应于用户的绘图指令，获取输入数据并实例化拓展组件对象；数据绑定模块，用于基于所述拓展组件对象，绑定数据源；画布初始模块，用于初始化画布页面；模板调用模块，用于基于所述数据源调用绘图模板，在所述绘图模板中解析所述输入数据；图形绘制模块，用于基于所述绘图模板、解析后的输入数据和所述画布页面对待绘制图形进行布局和绘制；图形显示模块，用于显示所述待绘制图形。9.一种电子设备，其特征在于，包括存储器和处理器，所述存储器上存储有能够被所述处理器加载并执行如权利要求5至7中任一种方法的计算机程序。10.一种计算机可读存储介质，其特征在于，存储有能够被处理器加载并执行如权利要求5至7中任一种方法的计算机程序。2CN114461324A说明书1/7页绘图工具、基于绘图工具的图形生成方法、装置、设备及介质技术领域[0001]本申请涉及web绘图的技术领域，尤其是涉及一种绘图工具、基于绘图工具的图形生成方法、装置、设备及介质。背景技术[0002]随着用户对软件体验的要求不断提高，界面图形化展示操作往往能提升用户的体验感，同时也会提高用户对软件认可，尤其在WEB页面上，一般的软件系统图形界面开发需要花费大量的时间和人力，运行效率低下，界面不够专业美观。[0003]基于Html5的图形函数库比较少，好用又跨浏览器平台的通用的工具包数量较少，目前在Web浏览器里绘制图形有很多种方式，在Html5中使用canvas是目前最为常见的一种，但是canvas仅仅提供了一个画板，利用JavaScript进行编程绘制静态图形，开发过程复杂，对开发人员绘图技术要求较高，绘图难度大，从而导致开发效率低。发明内容[0004]为了提高开发效率，本申请提供一种绘图工具、基于绘图工具的图形生成方法、装置、设备及介质。[0005]第一方面，本申请提供一种绘图工具，采用如下的技术方案：一种绘图工具，包括：基础组件，所述基础组件封装有图源基本要素、事件监听控制器、布局器算法、图形渲染引擎、基本数学函数库和辅助工具。[0006]通过采用上述技术