数据渲染方法及装置.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN110544290A(43)申请公布日2019.12.06(21)申请号201910840822.3(22)申请日2019.09.06(71)申请人广东省城乡规划设计研究院地址510290广东省广州市海珠区南洲路483号(72)发明人邱衍庆马星周祥胜汤燕良阮浩德陈海洋吴晓生李军锋(74)专利代理机构广州科沃园专利代理有限公司44416代理人徐翔(51)Int.Cl.G06T15/00(2011.01)G06T15/10(2006.01)G06T15/50(2011.01)权利要求书1页说明书6页附图2页(54)发明名称数据渲染方法及装置(57)摘要本发明提供一种数据渲染方法，该方法包括获取顶点坐标，将获取的顶点坐标组成二维数组，通过webgl将二维数组转换成平台字节顺序为三十二位的浮点数型数组传入顶点着色器；顶点着色器根据可编程渲染管线对顶点坐标进行图元装配生成图元，并将生成的图元传入片元着色器；片元着色器对图元进行光栅化处理后生成片元；对片元进行点与点的柔光混合处理，并将处理后的片元信息写入缓存区内，以根据片元信息进行可视化表达。该方法在利用Canvas绘制图片的基础上，采用webgl来渲染贴图点坐标，极大的提升了海量数据渲染时的系统性能，加载速度快，效果好，可以方便地绘制出多种类型的图形点，提高了图元装配过程的可控性，具有较优的可视化展示效果。CN110544290ACN110544290A权利要求书1/1页1.一种数据渲染方法，其特征在于，所述方法包括：获取顶点坐标，将获取的顶点坐标组成二维数组，通过webgl将所述二维数组转换成平台字节顺序为三十二位的浮点数型数组传入顶点着色器；所述顶点着色器根据可编程渲染管线对所述顶点坐标进行图元装配生成图元，并将生成的图元传入片元着色器；所述片元着色器对所述图元进行光栅化处理后生成片元；对所述片元进行点与点的柔光混合处理，并将处理后的片元信息写入缓存区内，以根据所述片元信息进行可视化表达。2.如权利要求1所述的数据渲染方法，其特征在于，所述顶点着色器根据可编程渲染管线对所述顶点坐标进行图元装配生成图元，包括：所述顶点着色器根据可编程渲染管线中预设的顶点坐标装配次序，依次通过一个4×4的矩阵对所述顶点坐标进行坐标转换，输出坐标转换后的顶点坐标。3.如权利要求1所述的数据渲染方法，其特征在于，所述片元着色器对所述图元进行光栅化处理后生成片元，包括：所述片元着色器将所述图元转换为像素点，根据预设的顶点颜色信息，采用线性化计算方式计算出每一个像素点的颜色值并对所述像素点进行颜色赋值。4.一种数据渲染装置，其特征在于，所述数据渲染装置包括坐标获取模块、顶点着色器、片元着色器及可视化模块；所述坐标获取模块用于获取顶点坐标，将获取的顶点坐标组成二维数组，通过webgl将所述二维数组转换成平台字节顺序为三十二位的浮点数型数组传入顶点着色器；所述顶点着色器用于根据可编程渲染管线对所述顶点坐标进行图元装配生成图元，并将生成的图元传入所述片元着色器；所述片元着色器用于对所述图元进行光栅化处理后生成片元；所述可视化模块用于对所述片元进行点与点的柔光混合处理，并将处理后的片元信息写入缓存区内，以根据所述片元信息进行可视化表达。5.如权利要求4所述的数据渲染装置，其特征在于，所述顶点着色器具体用于：所述顶点着色器根据可编程渲染管线中预设的顶点坐标装配次序，依次通过一个4×4的矩阵对所述顶点坐标进行坐标转换，输出坐标转换后的顶点坐标。6.如权利要求4所述的数据渲染装置，其特征在于，所述片元着色器具体用于：所述片元着色器将所述图元转换为像素点，根据预设的顶点颜色信息，采用线性化计算方式计算出每一个像素点的颜色值并对所述像素点进行颜色赋值。2CN110544290A说明书1/6页数据渲染方法及装置技术领域[0001]本发明涉及数据可视化领域，具体涉及一种数据渲染方法及装置。背景技术[0002]城市规划数据种类繁多，而对于规划数据的分析需要依赖于图形，通过对规划数据的可视化从而使规划分析具有更高的价值，更有利于规划分析，为规划决策提供有效支持。[0003]一般而言，规划数据通常是2D数据，目前较为主流的2D数据渲染技术通常是利用可缩放矢量图形或HTLM5的图形绘制元素等进行图片的绘制，并在客户端进行渲染操作。其中，可缩放矢量图形(ScalableVectorGraphics，SVG)是基于可扩展标记语言(ExtensibleMarkupLanguage，XML)用于描述二维矢量图形的一种图形格式，由W3C制定，是一个具有DOM接口的开放标准，SVG图形是矢量的，通过XML文本生成，无需任何图像处理工具。SVG独立于分辨率，支持事件处理器，主