用于对网页端网格数据渲染的方法、装置、设备和介质.pdf

(19)国家知识产权局(12)发明专利申请(10)申请公布号CN114625990A(43)申请公布日2022.06.14(21)申请号202210178618.1(22)申请日2022.02.25(71)申请人云控智行科技有限公司地址100176北京市大兴区北京经济技术开发区荣华南路13号院7号楼4层403(72)发明人宋晓飞方平西师璐(74)专利代理机构北京晋德允升知识产权代理有限公司11623专利代理师王戈(51)Int.Cl.G06F16/957(2019.01)G06F16/958(2019.01)G06T7/70(2017.01)G06T7/90(2017.01)权利要求书2页说明书11页附图3页(54)发明名称用于对网页端网格数据渲染的方法、装置、设备和介质(57)摘要本说明书实施例公开了一种用于对网页端网格数据渲染的方法、装置、设备和介质。方案可以包括：服务端获取栅格数据，栅格数据包含多个像元，像元包含第一位置信息和变量值；依据预设映射关系，确定像元的变量值对应的色彩通道参数；将色彩通道参数对应填充至可移植网络图形格式图像的色彩通道内；依据第一位置信息以及第二位置信息，生成用于表示栅格数据的可移植网络图形格式图像的头文件；将包含头文件的可移植网络图形格式图像发送至网页端，以便网页端根据头文件和可移植网络图形格式图像进行渲染。本说明书实施例提供的渲染方法，能够减少数据传输过程中网络堵塞，实现实时数据可视化显示播放。CN114625990ACN114625990A权利要求书1/2页1.一种用于对网页端网格数据渲染的方法，其特征在于，包括：服务端获取栅格数据，所述栅格数据包含多个像元，所述像元包含第一位置信息和变量值；所述变量值的存储类型为浮点型；依据预设映射关系，确定所述像元的变量值对应的色彩通道参数；将所述色彩通道参数对应填充至可移植网络图形格式图像的色彩通道内；依据所述第一位置信息以及第二位置信息，生成用于表示所述栅格数据的可移植网络图形格式图像的头文件；所述第二位置信息用于表示所述第一位置信息的所述像元在所述可移植网络图形格式图像中的位置信息；将包含所述头文件的所述可移植网络图形格式图像发送至网页端，以便网页端根据所述头文件和所述可移植网络图形格式图像进行渲染。2.根据权利要求1所述的用于对网页端栅格数据渲染的方法，其特征在于，所述依据预设映射关系，确定所述像元的变量值对应的色彩通道参数，具体包括：根据所述像元的实际数量，确定可移植网络图形格式图像的像素数量；所述可移植网络图形格式图像中的像素数量大于或的等于所述像元的实际数量。3.根据权利要求2所述的用于对网页端栅格数据渲染的方法，其特征在于，所述将所述色彩通道参数对应填充至可移植网络图形格式图像的色彩通道内，具体包括：按照预设顺序读取所述像元数据；按照所述预设顺序将所述像元数据存储于所述像素内。4.根据权利要求1所述的用于对网页端栅格数据渲染的方法，其特征在于，所述将所述色彩通道参数对应填充至可移植网络图形格式图像的色彩通道内，具体包括：获取所述栅格数据中的变量值的维度个数；根据所述变量的维度个数，将所述变量的变量值填充至所述可移植网络图形格式图像对应的颜色通道内。5.根据权利要求1所述的用于对网页端网格数据渲染的方法，其特征在于，所述依据预设映射关系，确定所述像元的变量值对应的色彩通道参数，具体包括：根据所述像元中的最大值和最小值，确定所述像元的变量值对应的色彩通道参数。6.根据权利要求1所述的用于对网页端网格数据渲染的方法，其特征在于，所述方法还包括：根据待渲染区域，确定与所述待渲染区域对应的栅格数据；根据所述栅格数据和所述待渲染区域对应的栅格数据，确定非渲染区域对应的栅格数据；调整所述非渲染区域对应的栅格数据的像元的变量值对应的阿尔法通道值。7.一种用于对网页端网格数据渲染的装置，其特征在于，包括：获取模块，用于服务端获取栅格数据，所述栅格数据包含多个像元，所述像元包含第一位置信息和变量值；所述变量值的存储类型为浮点型；确定模块，用于依据预设映射关系，确定所述像元的变量值对应的色彩通道参数；填充模块，用于将所述色彩通道参数对应填充至可移植网络图形格式图像的色彩通道内；生成模块，用于依据所述第一位置信息以及第二位置信息，生成用于表示所述栅格数2CN114625990A权利要求书2/2页据的可移植网络图形格式图像的头文件；所述第二位置信息用于表示所述第一位置信息的所述像元在所述可移植网络图形格式图像中的位置信息；渲染模块，用于将包含所述头文件的所述可移植网络图形格式图像发送至网页端，以便网页端根据所述头文件和所述可移植网络图形格式图像进行渲染。8.根据权利要求7所述的用于对网页端网格数据渲染的装置，其特征在于，所述填充模块，还用于获取所述栅格数据中的变量