# 前言随着 3D 技术在 web 领域的应用，带来了用户体验质的飞跃。前端作为业务的主力军，3D 技术的进步也在不断塑造前端业务新形态。精细的 3D 仿真模型展示让用户不在现场也能了解产品细节，AR/VR 技术在住房家装乃至医疗诊断的广泛应用，使得虚拟试衣、远程诊断成为我们日常使用的功能。
![image.png](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/3cae5bc6828f4235970039412b12b994~tplv-k3u1fbpfcp-zoom-1.image "模型展示游戏互动 AR/VR 数据可视化数字人") # web3D 简介 ## Web图形API的发展正是因为 Web 图形 API 的发展，才让我们在 web 端就有了操纵图形的能力，才能做出这么多有趣新奇的互动产品。
![image.png](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/2d38e279e60f495cbf88696245b7e86f~tplv-k3u1fbpfcp-zoom-1.image)
传统的 **HTML 和 CSS** 可以说是应用最广泛的图形技术了，但是对于复杂图形来说，它维护成本很高，性能开销大。**SVG** 放大缩小不降低质量，一定程度上弥补了 HTML + CSS 不足，但它的最小单元是图形，而非像素，细节处理能力不足。**canvas2D** 就是我们今天所熟知的 `