web可视化技术发展（4/6）

最新推荐文章于 2023-09-30 11:43:25 发布

EverCraft

最新推荐文章于 2023-09-30 11:43:25 发布

阅读量461

点赞数

分类专栏： Web可视化技术发展文章标签：数据可视化 WebGL three.js web3D 3D

本文链接：https://blog.csdn.net/yitingkel/article/details/102464803

版权

本文探讨了Web浏览器的本地渲染技术，特别是基于GPU的3D渲染，如WebGL。通过WebGL，开发者可以利用JavaScript库如Three.js和Babylon.js进行3D图形编程，实现高性能的3D可视化。文中还提到了GPU射线跟踪法和体积射线行进算法在体绘制中的应用，以及2D绘图API如SVG和Canvas在信息可视化中的作用。D3.js等库利用SVG和DOM进行数据绑定和可视化，但大型数据集可能导致性能下降。

摘要由CSDN通过智能技术生成

EverCraft一直在关注Web可视化技术的发展，在本系列文章里，小编将对国外一篇感觉很不错的综述性文章进行翻译，供这一领域的爱好者相互学习。这篇paper的信息为：“Mwalongo, F., et al., State-of-the-Art Report in Web-based Visualization. COMPUTER GRAPHICS FORUM, 2016. 35(3): p. 553-575. ”。感兴趣的小伙伴可以直接阅读原文献哈。（关注公众号EverCraft，回复“可视化”可获得原文）

2.4 浏览器的本地渲染

在客户端渲染（如使用浏览器的本地渲染）的主要优势在于可视化过程中的交互。本地化渲染避免了服务端渲染方式所受的网络延迟影响。最近web技术的发展（尤其是JavaScript的性能提高以及WebGL的广泛使用）使得浏览器已经可以实现高性能的可视化渲染。本部分我们将主要讨论HTML5和WebGL相关的渲染技术，它们已经是浏览器无插件渲染的实际上的标准。

HTML5新引入的< canvas >元素可通过JavaScript动态地绘制图形，支持2D上下文（context）以及3D上下文。2D上下文提供基于CPU的2D基本绘图渲染（HTML5支持的另外一个2D矢量图元素是< svg >）。3D上下文提供基于GPU的支持webgl的3D渲染。WebGL是OpenGL的一个特殊版本：OpenGL ES 2.0，专门用以支持浏览器端的3D渲染。因为上述上下文方式提供的API都是底层接口，所以诞生了很多库和框架，以简化他们的开发使用：（PS：做个预告，小编将在另一个系列翻译一篇专门针对Web 3D图形专题的文章，将更为详细的介绍目前流行的Web 3D图形库。&#x