一种基于Html5 canvas标签制作的特种设备监管平台用画图工具制造技术

本发明专利技术公开了一种基于Html5 canvas标签制作的特种设备监管平台用画图工具，包括画板、图元和特种设备组件，所述画板为画图工具实例，所述画板上设置有图层放置区，所述图层放置区内设置图层，所述图层设置有若干个，所述图层同时在画板上显示，所述图元通过绘制层绘制在图层的内部，所述图元单体之间能够进行组合，所述画板上设置有基础的操作接口，且操作接口包含有如图元选择、颜色选择、虚实线等操作。该基于Html5 canvas标签制作的特种设备监管平台用画图工具，便于保证兼容，能够跨平台浏览器进行使用，有利于保证该画图工具与现有框架以及报告工具之间进行结合使用，且能够对特种设备组件进行集中整合使用，有利于提高效率。

A drawing tool for special equipment supervision platform based on HTML 5 canvas label

The invention discloses a drawing tool for special equipment supervision platform based on HTML5 canvas label, which includes drawing board, entity and special equipment components. The drawing board is an example of drawing tool. The drawing board is provided with a layer placement area, and the layer placement area is provided with layers. The layers are provided with several layers, and the layers are displayed on the drawing board at the same time, and the drawing elements are connected The drawing layer is drawn inside the layer, and the single entity of the entity can be combined. The Sketchpad is provided with a basic operation interface, and the operation interface includes such operations as entity selection, color selection, virtual solid line, etc. The drawing tool for the special equipment supervision platform based on HTML5 canvas label is easy to ensure compatibility, can be used across platform browsers, is conducive to the combination of the drawing tool with the existing framework and reporting tools, and can be used for centralized integration of special equipment components, which is conducive to improving efficiency.

【技术实现步骤摘要】
一种基于Html5canvas标签制作的特种设备监管平台用画图工具
本专利技术涉及特种设备
，具体为一种基于Html5canvas标签制作的特种设备监管平台用画图工具。
技术介绍
近年来，随着各类楼宇、娱乐设施的搭建，电梯、游乐设备等特种设备的运行安全性以及可靠性成了人们关注的焦点，从目前对特种设备的监督检查情况看，尽管在用设备的定期检查率很高，达到90%以上，但设备安全管理主体责任不落实，特别是特种设备维保责任不落实的问题日益突，而为了保证对特种设备的检测以及模型搭接等，就需要对特种设备的各类信息特征进行绘制，以便于进行特种设备监管；但是现有技术背景下的特种设备监管平台用画图工具在进行使用时，兼容性差，不能够跨平台浏览器使用，不利于保证与公司企业内的现有框架以及报告工具进行结合使用，因此，我们提出一种基于Html5canvas标签制作的特种设备监管平台用画图工具，以便于解决上述中提出的问题。
技术实现思路
本专利技术的目的在于提供一种基于Html5canvas标签制作的特种设备监管平台用画图工具，以解决上述
技术介绍
提出的目前的特种设备监管平台用画图工具在进行使用时，兼容性差，不能够跨平台浏览器使用，不利于保证与公司企业内的现有框架以及报告工具进行结合使用的问题。为实现上述目的，本专利技术提供如下技术方案：一种基于Html5canvas标签制作的特种设备监管平台用画图工具，包括画板、图元和特种设备组件，所述画板为画图工具实例，所述画板上设置有图层放置区，所述图层放置区内设置图层，所述图层设置有若干个，所述图层同时在画板上显示，所述图元通过绘制层绘制在图层的内部，所述图元单体之间能够进行组合。优选的，所述画板上设置有基础的操作接口，且操作接口包含有如图元选择、颜色选择、虚实线等操作。优选的，所述图层与图元之间对应设置，且图层与图元之间互不干扰。优选的，所述图层与图元之间互不干扰是为：图层的内部能够绘制多种以及多个图元，且图元能够在多个图层内绘制。优选的，所述图元是为画图绘制的最小单元元素，且其包含有如矩形、直线、三角形、圆形等。优选的，所述绘制层是为鼠标操作层，能够绘制图元，框选图元；且具体操作如上移一层、下移一层、置顶、置底、组合、取消组合、水平平均、对齐等。优选的，所述图元经过aabb包围盒能够进行拉伸、旋转操作，且aabb包围盒是为图元的轴向平行包围盒。优选的，所述图元经过组合后构成新图元，且新图元经保存后形成特种设备组件。优选的，所述特种设备组件单体之间互不影响，且特种设备组件单体之间能够进行组合使用，并且特种设备组件能够进行集中储存、重复使用。与现有技术相比，本专利技术的有益效果是：该基于Html5canvas标签制作的特种设备监管平台用画图工具，便于保证兼容，能够跨平台浏览器进行使用，有利于保证该画图工具与现有框架以及报告工具之间进行结合使用，且能够对特种设备组件进行集中整合使用，有利于提高效率。附图说明图1为本专利技术系统示意图。具体实施方式下面将结合本专利技术实施例中的附图，对本专利技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本专利技术一部分实施例，而不是全部的实施例。基于本专利技术中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本专利技术保护的范围。请参阅图1，本专利技术提供一种技术方案：一种基于Html5canvas标签制作的特种设备监管平台用画图工具，包括画板、图元和特种设备组件，所述画板为画图工具实例，所述画板上设置有图层放置区，所述图层放置区内设置图层，所述图层设置有若干个，所述图层同时在画板上显示，所述图元通过绘制层绘制在图层的内部，所述图元单体之间能够进行组合。具体的，所述画板上设置有基础的操作接口，且操作接口包含有如图元选择、颜色选择、虚实线等操作，从而便于进行选择操作。具体的，所述图层与图元之间对应设置，且图层与图元之间互不干扰，所述图层与图元之间互不干扰是为：图层的内部能够绘制多种以及多个图元，且图元能够在多个图层内绘制，所述图元是为画图绘制的最小单元元素，且其包含有如矩形、直线、三角形、圆形等，便于保证对图元的绘制，便于图元的组合，从而形成特种设备组件。具体的，所述绘制层是为鼠标操作层，能够绘制图元，框选图元；且具体操作如上移一层、下移一层、置顶、置底、组合、取消组合、水平平均、对齐等，所述图元经过aabb包围盒能够进行拉伸、旋转操作，且aabb包围盒是为图元的轴向平行包围盒，便于进行图元的操作，从而保证特种设备组件的数据特征准确。具体的，所述图元经过组合后构成新图元，且新图元经保存后形成特种设备组件，特种设备组件单体之间互不影响，且特种设备组件单体之间能够进行组合使用，并且特种设备组件能够进行集中储存、重复使用，便于进行特种设备组件的构建，且便于对特种设备组件进行集中组件化，以便于避免重复构建，便于保证特种设备检测的效率。具体的，在使用该基于Html5canvas标签制作的特种设备监管平台用画图工具时，需要进行特种设备组件的搭建时，通过在画板图层存放区的内部建立适合数量的图层，并可对图层进行命名，以便于标识，然后在图层的内部经过绘制层进行鼠标选择，从而对图元进行绘制，其中图元包含矩形、直线、三角形、圆形等基础图形，从而便于进行图元之间的组合，在对应的图层内部，能够构件不同的图元，且通过图元之间的组合构成新的图元，进而通过图层之间的组合构成一个新的特种设备组件，形成新的特种设备组件后进行保存，从而能够进行重复利用，同时便于跨浏览器进行打开，以便于提高工作效果，本说明书中未作详细描述的内容属于本领域专业技术人员公知的现有技术。本申请所提供的几个实施例中，应该理解到，所揭露的装置和方法，也可以通过其它的方式实现。以上所描述的装置实施例仅仅是示意性的，例如，附图中的流程图和框图显示了根据本申请的多个实施例的装置、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段或代码的一部分，所述模块、程序段或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现方式中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个连续的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或动作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。需要说明的是，在本说明书的描述中，参考术语“一个实施例”、“一些实施例”、“示例”、“具体示例”、或“一些示例”等的描述意指结合该实施例或示例描述的具体特征、结构、材料或者特点包含于本专利技术的至少一个实施例或示例中。在本说明书中，对上述术语的示意性表述不一定指的是相同的实施例或示例。而且，描述的具体特征、结构、材料或者特点可以在任何的一个或多个实施例或示例中以合适的方式结合，本说明书系统实施例，由于其基本相似于方法实施例，所以描述得比较简单，相关之处参见方法实施例的部分说明即可。以上所描述的系统实施例仅仅是示意性的，其中作为分离部件说明的单元可以是或者也可以本文档来自技高网...

【技术保护点】
1.一种基于Html5 canvas标签制作的特种设备监管平台用画图工具，包括画板、图元和特种设备组件，其特征在于：所述画板为画图工具实例，所述画板上设置有图层放置区，所述图层放置区内设置图层，所述图层设置有若干个，所述图层同时在画板上显示，所述图元通过绘制层绘制在图层的内部，所述图元单体之间能够进行组合。

【技术特征摘要】
1.一种基于Html5canvas标签制作的特种设备监管平台用画图工具，包括画板、图元和特种设备组件，其特征在于：所述画板为画图工具实例，所述画板上设置有图层放置区，所述图层放置区内设置图层，所述图层设置有若干个，所述图层同时在画板上显示，所述图元通过绘制层绘制在图层的内部，所述图元单体之间能够进行组合。2.根据权利要求1所述的一种基于Html5canvas标签制作的特种设备监管平台用画图工具，其特征在于：所述画板上设置有基础的操作接口，且操作接口包含有如图元选择、颜色选择、虚实线等操作。3.根据权利要求1所述的一种基于Html5canvas标签制作的特种设备监管平台用画图工具，其特征在于：所述图层与图元之间对应设置，且图层与图元之间互不干扰。4.根据权利要求3所述的一种基于Html5canvas标签制作的特种设备监管平台用画图工具，其特征在于：所述图层与图元之间互不干扰是为：图层的内部能够绘制多种以及多个图元，且单个图元能够在多个图层内绘制。5.根据权利要求1所述的一种基于Html5canvas标签制作的特种设...

【专利技术属性】
技术研发人员：陶猛，钟运春，卢发财，周桥，
申请(专利权)人：成都科鸿智信科技有限公司，
类型：发明
国别省市：四川,51