[发明专利]基于地理数据的碾压遍数工艺的渲染方法、存储介质和电子装置

说明书

本发明公开一种基于地理数据的碾压遍数工艺的渲染方法、存储介质和电子装置，其中渲染方法包括在HTML5网页的初始画布上叠加绘制图层，建立碾压遍数与像素色值的对应关系；获取压路机的地理定位数据；如果符合预设条件，则在工作画布上绘制压路机经过的区域；在工作画布上遍历压路机经过的区域的像素点，获取每个像素点的色值，进而得到每个像素点对应的碾压遍数；将每个像素点对应的碾压遍数以对应的色值渲染到展示画布上。本发明只需要对每个像素点进行处理，就可以获取到对应像素点位置的碾压遍数，而对Canvas画布的应用，对数据量的处理能力也有了很大提升，提供给用户精准、连贯的碾压遍数工艺的展示画面，增强了用户体验。

技术领域

本发明涉及图像处理技术领域，特别是基于地理数据的碾压遍数工艺的渲染方法、存储介质和电子装置。

背景技术

目前对于压路机碾压遍数工艺的表现形式无非于文字的描述以及基本的网页格子表现。无法对实际压路机碾压遍数工艺能够精准、连贯的表现出来，而且对于大数据量的处理传统的表现方式就显得有点力不从心，页面卡顿。

对于识别压路机碾压遍数的方法，如申请号为201910645216.6的中国专利申请“一种自动识别压路机碾压遍数的方法和装置”，通过对压路机的位置坐标进行识别，计算得到该压路机碾压所在道路的遍数。其解决的是碾压遍数的自动识别，对于如何方便的展示表现没有提出更好的解决办法。

发明内容

为了克服现有技术中的上述问题，本发明提供一种基于地理数据的碾压遍数工艺的渲染方法、存储介质和电子装置，解决了传统的压路机碾压遍数工艺的表现形式不够精准连贯以及对大数据处理低下的问题。

本发明第一方面，提供一种基于地理数据的碾压遍数工艺的渲染方法，包括以下步骤，

在HTML5网页的初始画布上叠加绘制图层，建立碾压遍数与像素色值的对应关系；

获取压路机的地理定位数据；

如果两次地理定位数据之间的距离符合预设条件，则在工作画布上绘制压路机经过的区域；

在所述工作画布上遍历所述压路机经过的区域的像素点，获取每个像素点的色值，根据所述碾压遍数与像素色值的对应关系，得到每个像素点对应的碾压遍数；

将每个像素点对应的碾压遍数以对应的色值渲染到展示画布上。

通过采用HTML5的Canvas(画布)技术可以精准获取到网页页面上不同透明度与像素点色值对应的关系，通过Canvas技术将每一次压路机碾压过的区域面积转换成像素点，所以只需要对每个像素点进行处理，就可以获取到对应像素点位置的遍数。

进一步的，所述在HTML5网页的初始画布上叠加绘制图层，建立碾压遍数与像素色值的对应关系具体为，在初始画布上依次叠加绘制固定宽度为1个像素、长度为从1个像素开始每次自增值为1、累计N次的N个矩形，N的范围为从1到碾压遍数的最大值；遍历初始画布上的所有像素点，获得所有像素点的色值和透明度值，建立对应遍数与像素色值的对应关系并存储，清除初始画布的内容。碾压遍数越多，对应矩形的像素点颜色越深。

更进一步的，N个矩形的填充颜色为rgb(255，0,0，0.05)。由于Canvas的数据属性包括RGBA值，所以遍历循环的像素点每4次即为对应的遍数值。

进一步的，所述预设条件为压路机两次地理定位数据的距离大于0.2米且小于20米。

进一步的，所述压路机经过的区域为以压路机的宽度为宽、以压路机两次地理定位数据之间的距离为长的区域。

进一步的，所述展示画布的大小与所述工作画布相同。在工作画布上画出各压路机压过的区域，但不对用户显示，需要将工作画布的各个位置的像素点对应的碾压遍数以不同的色值绘制到展示画布上，用户即可以直观的看到。