本发明专利技术提供一种基于Canvas绘制智慧无人仓库位的方法和系统，其中，方法包括：通过获取无人仓的库位数量和库位数据，并据其在画布上绘制得到无人仓的库位图；监听鼠标操作，并根据鼠标操作匹配已绑定的库位图功能，确定鼠标操作为缩放、偏移、重绘或重置；对库位图所在的画布添加点击事件，通过鼠标点击获取当前点击库位的库位信息，包括货架及物料信息，并进行实时可视化展示。本发明专利技术实现了库位库存的实时可视化，能够对库位信息进行实时快速的查询，提高查询效率和降低查询出错率，加快了任务下发速度，提高了整体的工作效率。
【技术实现步骤摘要】
本专利技术涉及数据处理，尤其涉及一种基于canvas绘制智慧无人仓库位的方法、系统、电子设备及计算机可读存储介质。
技术介绍
1、canvas是html5提供的一个用于在网页实时生成图像，并且可以操作图像内容，可以采用javascript操作的位图(bitmap)，它具有强大的绘图功能，并且拥有高性能的图形渲染和可交互性，同时也提供了丰富的图形处理api。
2、智慧无人仓是现代信息计数应用在商业领域的核心之一，而自动分拣是智慧无人仓的一个重要功能。现场操作人员需要采用自动分拣功能时，需要人工查询系统或现场寻找对应物料、货架或库位上的相关信息，然后进行出库、盘点等后续任务分配下发，导致现有技术中的智慧无人仓库存在查询和下发任务慢的问题，工作效率低。
3、因此，亟需一种能够实现库位库存的实时可视化，加快查询和任务下发的速度，提高工作效率的智慧无人仓库库位的绘制方法。
技术实现思路
1、基于此，有必要针对上述技术问题，提供一种基于canvas绘制智慧无人仓库位的方法、系统、电子设备及计算机可读存储介质。
2、一种基于canvas绘制智慧无人仓库位的方法，包括以下步骤：获取无人仓的库位数量和库位数据，并根据所述库位数量和库位数据绘制得到无人仓的库位图；对鼠标操作进行监听，并所述鼠标操作匹配已绑定的库位图功能，所述库位图功能包括缩放、偏移、重绘和重置；对所述库位图所在的画布添加点击事件，通过鼠标点击获取当前点击库位的库位信息，并进行实时可视化展示。
3、在其中一个实施例中，所述获取无人仓的库位数量和库位数据，并根据所述库位数量和库位数据绘制得到无人仓的库位图，包括：统计无人仓中的库位数量，并获取所有库位的库位数据，所述库位数据包括库位坐标、库位长度和库位宽度；根据所述库位数量和库位数据，创建空白画布，定义库位图标，绘制得到无人仓的库位图，并封装绘制方法；获取每个库位的物料信息，根据库位是否存在物料信息，采用不同颜色区分所述库位图中的空闲库位和已使用库位。
4、在其中一个实施例中，在所述鼠标操作匹配到缩放功能时，包括：获取鼠标点击的当前坐标，监听鼠标滚轮，并记录监听得到的坐标变量；根据所述当前坐标和坐标变量得到倍数变量，判断倍数变量是否超过最大放大倍数或小于最小缩小倍数，若不符合，则根据所述倍数变量执行对应的缩放操作，若符合，则不执行；记录每次缩放的倍数变量，并根据所述倍数变量对所述库位图所在的画布进行重绘。
5、在其中一个实施例中，在所述鼠标操作匹配到偏移功能时，包括：监听到按下鼠标左键时，获取鼠标当前点击的拖动目标，并获取所述拖动目标的初始位置，其中，偏移功能中关联绑定有鼠标移动、放开和按下三个事件；监听到鼠标移动并放开的操作时，根据鼠标所在位置获取所述拖动目标的当前位置，并根据所述当前位置和初始位置得到所述拖动目标的偏移量；根据所述偏移量对所述库位图所在的画布进行重绘。
6、在其中一个实施例中，所述对所述库位图所在的画布添加点击事件，通过鼠标点击获取当前点击库位的库位信息，包括：对所述库位图所在的画布进行鼠标点击事件绑定，并监听鼠标点击操作，获取点击处的位置坐标；检测所述位置坐标是否存在缩放和/或偏移记录，若存在，则获取对应缩放和/或偏移记录中的倍数变量和/或偏移量；根据所述位置坐标和所述倍数变量和/或偏移量，进行逆计算，得到未缩放和/或偏移之前的库位坐标；根据所述初始坐标确定鼠标的当前点击库位，并根据所述当前点击库位获取对应的库位信息。
7、在其中一个实施例中，所述通过鼠标点击获取当前点击库位的库位信息，并进行实时可视化展示，包括：遍历所述库位数据得到所有库位的库位坐标、库位长度和库位宽度，并判断所述库位坐标与所述位置坐标之间的关系；在所述位置坐标中的横纵坐标，均大于或等于所述库位坐标中的横纵坐标，且位置坐标中的横坐标小于或等于库位坐标中的横坐标与库位长度之和，位置坐标中的纵坐标小于或等于库位坐标中的纵坐标与库位宽度之和时，判定所述位置坐标符合要求，高亮显示对应库位图标，并实时展示对应库位的物料信息。
8、在其中一个实施例中，还包括：定义新画布，且所述新画布与所述库位图对应的空白画布大小一致，背景设置为透明色；获取agv分拣的路线图，根据定义的agv图表绘制分拣路线，并置于所述库位图的画布上，得到agv实时搬运的库位库存图。
9、一种基于canvas绘制智慧无人仓库位的系统，用于实现如上所述的基于canvas绘制智慧无人仓库位的方法，包括：库位图绘制模块，用于获取无人仓的库位数量和库位数据，并根据所述库位数量和库位数据绘制得到无人仓的库位图；库位图功能匹配模块，用于对鼠标操作进行监听，并所述鼠标操作匹配已绑定的库位图功能，所述库位图功能包括缩放、偏移、重绘和重置；库位信息展示模块，用于对所述库位图所在的画布添加点击事件，通过鼠标点击获取当前点击库位的库位信息，并进行实时可视化展示。
10、一种电子设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述程序时实现上述各个实施例中所述的基于canvas绘制智慧无人仓库位的方法的步骤。
11、一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现上述各个实施例中所述的基于canvas绘制智慧无人仓库位的方法的步骤。
12、相比于现有技术，本专利技术的优点及有益效果在于：通过获取无人仓的库位数量和库位数据，并据其在画布上绘制得到无人仓的库位图；监听鼠标操作，并根据鼠标操作匹配已绑定的库位图功能，确定鼠标操作为缩放、偏移、重绘或重置；对库位图所在的画布添加点击事件，通过鼠标点击获取当前点击库位的库位信息，包括货架及物料信息，并进行实时可视化展示，实现了库位库存的实时可视化，能够对库位信息进行实时快速的查询，提高查询效率和降低查询出错率，加快了任务下发速度，提高了整体的工作效率。
本文档来自技高网...
【技术保护点】
1.一种基于Canvas绘制智慧无人仓库位的方法，其特征在于，包括：
2.根据权利要求1所述的基于Canvas绘制智慧无人仓库位的方法，其特征在于，所述获取无人仓的库位数量和库位数据，并根据所述库位数量和库位数据绘制得到无人仓的库位图，包括：
3.根据权利要求1所述的基于Canvas绘制智慧无人仓库位的方法，其特征在于，在所述鼠标操作匹配到缩放功能时，包括：
4.根据权利要求1所述的基于Canvas绘制智慧无人仓库位的方法，其特征在于，在所述鼠标操作匹配到偏移功能时，包括：
5.根据权利要求2所述的基于Canvas绘制智慧无人仓库位的方法，其特征在于，所述对所述库位图所在的画布添加点击事件，通过鼠标点击获取当前点击库位的库位信息，包括：
6.根据权利要求5所述的基于Canvas绘制智慧无人仓库位的方法，其特征在于，所述通过鼠标点击获取当前点击库位的库位信息，并进行实时可视化展示，包括：
7.根据权利要求1所述的基于Canvas绘制智慧无人仓库位的方法，其特征在于，还包括：
8.一种基于Canvas绘制智慧无人仓库位的系统，其特征在于，用于实现如权利要求1-7所述的基于Canvas绘制智慧无人仓库位的方法，包括：
9.一种电子设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，其特征在于，所述处理器执行所述计算机程序时实现权利要求1至7中任一项所述方法的步骤。
10.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现权利要求1至7中任一项所述的方法的步骤。
...
【技术特征摘要】
1.一种基于canvas绘制智慧无人仓库位的方法，其特征在于，包括：
2.根据权利要求1所述的基于canvas绘制智慧无人仓库位的方法，其特征在于，所述获取无人仓的库位数量和库位数据，并根据所述库位数量和库位数据绘制得到无人仓的库位图，包括：
3.根据权利要求1所述的基于canvas绘制智慧无人仓库位的方法，其特征在于，在所述鼠标操作匹配到缩放功能时，包括：
4.根据权利要求1所述的基于canvas绘制智慧无人仓库位的方法，其特征在于，在所述鼠标操作匹配到偏移功能时，包括：
5.根据权利要求2所述的基于canvas绘制智慧无人仓库位的方法，其特征在于，所述对所述库位图所在的画布添加点击事件，通过鼠标点击获取当前点击库位的库位信息，包括：
6.根据权利要求...
【专利技术属性】
技术研发人员：王政，许强，杨强，
申请(专利权)人：重庆赛美数智科技有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。