CN110427142A - 一种基于Html5 canvas标签制作的特种设备监管平台用画图工具 - Google Patents

Abstract

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

Description

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

技术领域

本发明涉及特种设备技术领域，具体为一种基于Html5 canvas标签制作的特种设备监管平台用画图工具。

背景技术

近年来，随着各类楼宇、娱乐设施的搭建，电梯、游乐设备等特种设备的运行安全性以及可靠性成了人们关注的焦点，从目前对特种设备的监督检查情况看，尽管在用设备的定期检查率很高，达到90%以上，但设备安全管理主体责任不落实，特别是特种设备维保责任不落实的问题日益突，而为了保证对特种设备的检测以及模型搭接等，就需要对特种设备的各类信息特征进行绘制，以便于进行特种设备监管；

但是现有技术背景下的特种设备监管平台用画图工具在进行使用时，兼容性差，不能够跨平台浏览器使用，不利于保证与公司企业内的现有框架以及报告工具进行结合使用，因此，我们提出一种基于Html5 canvas标签制作的特种设备监管平台用画图工具，以便于解决上述中提出的问题。

发明内容

本发明的目的在于提供一种基于Html5 canvas标签制作的特种设备监管平台用画图工具，以解决上述背景技术提出的目前的特种设备监管平台用画图工具在进行使用时，兼容性差，不能够跨平台浏览器使用，不利于保证与公司企业内的现有框架以及报告工具进行结合使用的问题。

为实现上述目的，本发明提供如下技术方案：一种基于Html5 canvas标签制作的特种设备监管平台用画图工具，包括画板、图元和特种设备组件，所述画板为画图工具实例，所述画板上设置有图层放置区，所述图层放置区内设置图层，所述图层设置有若干个，所述图层同时在画板上显示，所述图元通过绘制层绘制在图层的内部，所述图元单体之间能够进行组合。

优选的，所述画板上设置有基础的操作接口，且操作接口包含有如图元选择、颜色选择、虚实线等操作。

优选的，所述图层与图元之间对应设置，且图层与图元之间互不干扰。

优选的，所述图层与图元之间互不干扰是为：图层的内部能够绘制多种以及多个图元，且图元能够在多个图层内绘制。

优选的，所述图元是为画图绘制的最小单元元素，且其包含有如矩形、直线、三角形、圆形等。

优选的，所述绘制层是为鼠标操作层，能够绘制图元，框选图元；且具体操作如上移一层、下移一层、置顶、置底、组合、取消组合、水平平均、对齐等。

优选的，所述图元经过aabb包围盒能够进行拉伸、旋转操作，且aabb包围盒是为图元的轴向平行包围盒。

优选的，所述图元经过组合后构成新图元，且新图元经保存后形成特种设备组件。

优选的，所述特种设备组件单体之间互不影响，且特种设备组件单体之间能够进行组合使用，并且特种设备组件能够进行集中储存、重复使用。

与现有技术相比，本发明的有益效果是：该基于Html5 canvas标签制作的特种设备监管平台用画图工具，便于保证兼容，能够跨平台浏览器进行使用，有利于保证该画图工具与现有框架以及报告工具之间进行结合使用，且能够对特种设备组件进行集中整合使用，有利于提高效率。

附图说明

图1为本发明系统示意图。

具体实施方式

下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

请参阅图1，本发明提供一种技术方案：一种基于Html5 canvas标签制作的特种设备监管平台用画图工具，包括画板、图元和特种设备组件，所述画板为画图工具实例，所述画板上设置有图层放置区，所述图层放置区内设置图层，所述图层设置有若干个，所述图层同时在画板上显示，所述图元通过绘制层绘制在图层的内部，所述图元单体之间能够进行组合。

具体的，所述画板上设置有基础的操作接口，且操作接口包含有如图元选择、颜色选择、虚实线等操作，从而便于进行选择操作。

具体的，所述图层与图元之间对应设置，且图层与图元之间互不干扰，所述图层与图元之间互不干扰是为：图层的内部能够绘制多种以及多个图元，且图元能够在多个图层内绘制，所述图元是为画图绘制的最小单元元素，且其包含有如矩形、直线、三角形、圆形等，便于保证对图元的绘制，便于图元的组合，从而形成特种设备组件。

具体的，所述绘制层是为鼠标操作层，能够绘制图元，框选图元；且具体操作如上移一层、下移一层、置顶、置底、组合、取消组合、水平平均、对齐等，所述图元经过aabb包围盒能够进行拉伸、旋转操作，且aabb包围盒是为图元的轴向平行包围盒，便于进行图元的操作，从而保证特种设备组件的数据特征准确。

具体的，所述图元经过组合后构成新图元，且新图元经保存后形成特种设备组件，特种设备组件单体之间互不影响，且特种设备组件单体之间能够进行组合使用，并且特种设备组件能够进行集中储存、重复使用，便于进行特种设备组件的构建，且便于对特种设备组件进行集中组件化，以便于避免重复构建，便于保证特种设备检测的效率。

具体的，在使用该基于Html5 canvas标签制作的特种设备监管平台用画图工具时，需要进行特种设备组件的搭建时，通过在画板图层存放区的内部建立适合数量的图层，并可对图层进行命名，以便于标识，然后在图层的内部经过绘制层进行鼠标选择，从而对图元进行绘制，其中图元包含矩形、直线、三角形、圆形等基础图形，从而便于进行图元之间的组合，在对应的图层内部，能够构件不同的图元，且通过图元之间的组合构成新的图元，进而通过图层之间的组合构成一个新的特种设备组件，形成新的特种设备组件后进行保存，从而能够进行重复利用，同时便于跨浏览器进行打开，以便于提高工作效果，本说明书中未作详细描述的内容属于本领域专业技术人员公知的现有技术。

本申请所提供的几个实施例中，应该理解到，所揭露的装置和方法，也可以通过其它的方式实现。以上所描述的装置实施例仅仅是示意性的，例如，附图中的流程图和框图显示了根据本申请的多个实施例的装置、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段或代码的一部分，所述模块、程序段或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现方式中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个连续的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或动作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。

需要说明的是，在本说明书的描述中，参考术语“一个实施例”、“一些实施例”、“示例”、“具体示例”、或“一些示例”等的描述意指结合该实施例或示例描述的具体特征、结构、材料或者特点包含于本发明的至少一个实施例或示例中。在本说明书中，对上述术语的示意性表述不一定指的是相同的实施例或示例。而且，描述的具体特征、结构、材料或者特点可以在任何的一个或多个实施例或示例中以合适的方式结合，本说明书系统实施例，由于其基本相似于方法实施例，所以描述得比较简单，相关之处参见方法实施例的部分说明即可。以上所描述的系统实施例仅仅是示意性的，其中作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元提示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。本领域普通技术人员在不付出创造性劳动的情况下，即可以理解并实施。

另外，在本申请各个实施例中的各功能模块可以集成在一起形成一个独立的部分，也可以是各个模块单独存在，也可以两个或两个以上模块集成形成一个独立的部分。

所述功能如果以软件功能模块的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本申请的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备（可以是个人计算机，服务器，或者网络设备等）执行本申请各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器（ROM，Read-Only Memory）、随机存取存储器（RAM，Random Access Memory）、磁碟或者光盘等各种可以存储程序代码的介质。需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。

以上所述仅为本申请的优选实施例而已，并不用于限制本申请，对于本领域的技术人员来说，本申请可以有各种更改和变化。凡在本申请的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本申请的保护范围之内。应注意到：相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步定义和解释。

以上所述，仅为本申请的具体实施方式，但本申请的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本申请揭露的技术范围内，可轻易想到变化或替换，都应涵盖在本申请的保护范围之内。因此，本申请的保护范围应所述以权利要求的保护范围为准。

Claims (9)

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

2.根据权利要求1所述的一种基于Html5 canvas标签制作的特种设备监管平台用画图工具，其特征在于：所述画板上设置有基础的操作接口，且操作接口包含有如图元选择、颜色选择、虚实线等操作。

3.根据权利要求1所述的一种基于Html5 canvas标签制作的特种设备监管平台用画图工具，其特征在于：所述图层与图元之间对应设置，且图层与图元之间互不干扰。

4.根据权利要求3所述的一种基于Html5 canvas标签制作的特种设备监管平台用画图工具，其特征在于：所述图层与图元之间互不干扰是为：图层的内部能够绘制多种以及多个图元，且单个图元能够在多个图层内绘制。

5.根据权利要求1所述的一种基于Html5 canvas标签制作的特种设备监管平台用画图工具，其特征在于：所述图元是为画图绘制的最小单元元素，且其包含有如矩形、直线、三角形、圆形等。

6.根据权利要求1所述的一种基于Html5 canvas标签制作的特种设备监管平台用画图工具，其特征在于：所述绘制层是为鼠标操作层，能够绘制图元，框选图元；且具体操作如上移一层、下移一层、置顶、置底、组合、取消组合、水平平均、对齐等。

7.根据权利要求1所述的一种基于Html5 canvas标签制作的特种设备监管平台用画图工具，其特征在于：所述图元经过aabb包围盒能够进行拉伸、旋转操作，且aabb包围盒是为图元的轴向平行包围盒。

8.根据权利要求1所述的一种基于Html5 canvas标签制作的特种设备监管平台用画图工具，其特征在于：所述图元经过组合后构成新图元，且新图元经保存后形成特种设备组件。

9.根据权利要求8所述的一种基于Html5 canvas标签制作的特种设备监管平台用画图工具，其特征在于：所述特种设备组件单体之间互不影响，且特种设备组件单体之间能够进行组合使用，并且特种设备组件能够进行集中储存、重复使用。