(19)国家知识产权局 (12)发明 专利申请 (10)申请公布号 (43)申请公布日 (21)申请 号 202210882417.X (22)申请日 2022.07.26 (71)申请人 中国地质大 学 （武汉） 地址 430000 湖北省武汉市洪山区鲁磨路 388号 (72)发明人 曾泓瑞　熊永华　 (74)专利代理 机构 武汉知产时代知识产权代理 有限公司 42 238 专利代理师 王佩 (51)Int.Cl. G06F 16/957(2019.01) G06F 9/451(2018.01) G06F 3/04845(2022.01) (54)发明名称 在网页端显示 点云数据的方法 (57)摘要 本发明提供一种在网页端显示点云数据的 方法， 包括： 获取点云数据； 利用three.js技术， 将所述点 云数据对应的点 云文件渲染到Web浏览 器。 由于本发明使用了three.js技术， 将点云文 件渲染到Web浏览器， 避免了非要使用特定三维 软件对点云数据进行展示的不便利性， 同时也为 传统网页端展示三维模型时存在卡顿现象给出 了解决方案， 即使用t hree.js技术在浏览器中渲 染点云文件。 现实了用户在浏览器无插件的基础 上完成点云数据的交互与展示,为三维点云可视 化系统开发提供了一种新的思路。 权利要求书1页 说明书7页 附图1页 CN 115329229 A 2022.11.11 CN 115329229 A 1.一种在网页端显示 点云数据的方法， 其特 征在于， 包括： 获取点云数据； 利用thre e.js技术， 将所述 点云数据对应的点云文件渲染到Web浏览器。 2.根据权利要求1所述的在网页端显示点云数据的方法， 其特征在于， 所述利用 three.js技术将所述 点云数据对应的点云文件渲染到Web浏览器， 具体包括： 对相机和渲染器进行初始化； 导入所述 点云数据对应的点云文件； 对所述点云文件中的点云图像进行点属性上色； 采用自适应模式调整点的大小； 设置鼠标控制器以供鼠标操作拖动点云图像。 3.根据权利要求2所述的在网页端显示点云数据的方法， 其特征在于， 所述对相机和渲 染器进行初始化， 具体包括： 设置相机位置、 相机角度、 屏幕大小和坐标轴长短。 4.根据权利要求2所述的在网页端显示点云数据的方法， 其特征在于， 所述导入所述点 云数据对应的点云文件， 具体包括： 调用Loader函数， 逐一选择 所述点云数据对应的点云文件进行导入； 调用显示路径函数， 对所述 点云文件的相对路径进行显示。 5.根据权利要求2所述的在网页端显示点云数据的方法， 其特征在于， 所述对所述点云 文件中的点云图像进行点属性上色， 具体包括： 用RGB值或者十六进制代码表示的颜色代码对所述点云文件中的点云图像 中的每个点 的颜色进行设置 。 6.根据权利要求2所述的在网页端显示点云数据的方法， 其特征在于， 所述采用自适应 模式调整点的大小， 具体包括： 点的大小采用自适应点的大小模式来确定， 将点的大小调整到特定细节级别的节点之 间的间距， 所述特定细节级别的节点 为最高级别的可 见节点。 7.根据权利要求2所述的在网页端显示点云数据的方法， 其特征在于， 所述设置鼠标控 制器以供鼠标操作拖动点云图像， 具体包括： 设置鼠标控制器的多个特定参数值， 以供操作鼠标对所述点云图像进行旋转、 放大及 缩小。 8.根据权利要求1 ‑7中任一项所述的在网页端显示点云数据的方法， 其特征在于， 还包 括： 在所述Web浏览器中获取渲染完毕的点云图像中各个点的坐标。 9.根据权利要求8所述的在网页端显示 点云数据的方法， 其特 征在于， 还 包括： 通过设置 clear函数， 对所述 Web浏览器中的点云图像执 行删除操作。 10.根据权利要求9所述的在网页端显示 点云数据的方法， 其特 征在于， 还 包括： 在所述Web浏览器中显示多个点云文件并高亮。权　利　要　求　书 1/1 页 2 CN 115329229 A 2在网页端显示点 云数据的方 法 技术领域 [0001]本发明涉及点云图像技 术领域， 尤其涉及一种在网页端显示 点云数据的方法。 背景技术 [0002]点云数据是通过三维激光扫描仪或照相式扫描仪获得的用于展现物体形状、 大 小、 位置的三 维坐标点的集合。 例如， 三 维地图或者地球仪的生成都是把点云数据进 行精确 地转换而得到的。 一般来说， 点云数据的数据量是较大的。 现有技术中， 用户查看大数据量 的三维图像时， 只能通过 下载三维图像的图像数据， 或是通过专用的应用程序进行查看。 [0003]如何将扫描获取的点云数据进行高效便捷的网页端三维可视化展示,让用户能够 直观地浏览三维场景,仍然是本领域 技术人员亟 待解决的问题。 发明内容 [0004]本发明提供一种在网页端显示点云数据的方法， 用以解决现有的无法将扫描获取 的点云数据进 行高效便捷的网页端三 维可视化展示,让用户能够直观地浏览三维场景的问 题。 [0005]本发明提供一种在网页端显示 点云数据的方法， 包括： [0006]获取点云数据； [0007]利用thre e.js技术， 将所述 点云数据对应的点云文件渲染到Web浏览器。 [0008]根据本发明提供的一种 在网页端显示点云数据的方法， 所述利用thr ee.js技术将 所述点云数据对应的点云文件渲染到Web浏览器， 具体包括： [0009]对相机和渲染器进行初始化； [0010]导入所述 点云数据对应的点云文件； [0011]对所述点云文件中的点云图像进行点属性上色； [0012]采用自适应模式调整点的大小； [0013]设置鼠标控制器以供鼠标操作拖动点云图像。 [0014]根据本发明提供的一种在网页端显示点云数据的方法， 所述对相机和渲染器进行 初始化， 具体包括： [0015]设置相机位置、 相机角度、 屏幕大小和坐标轴长短。 [0016]根据本发明提供的一种在网页端显示点云数据的方法， 所述导入所述点云数据对 应的点云文件， 具体包括： [0017]调用Loader函数， 逐一选择 所述点云数据对应的点云文件进行导入； [0018]调用显示路径函数， 对所述 点云文件的相对路径进行显示。 [0019]根据本发明提供的一种在网页端显示点云数据的方法， 所述对所述点云文件中的 点云图像进行点属性上色， 具体包括： [0020]用RGB值或者十六进制代码表示的颜色代码对所述点云文件中的点云图像中的每 个点的颜色进行设置 。说　明　书 1/7 页 3 CN 115329229 A 3