【three.js】设置canvas画布背景透明

本文主要是介绍【three.js】设置canvas画布背景透明，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

通过Three.js渲染一个模型的时候，不希望canvas画布有背景颜色，也就是canvas画布完全透明，可以透过canvas画布看到画布后面叠加的HTML元素图文，呈现出来一种三维模型悬浮在网页上面的效果。

比如我们现在的模型背景是黑色的，非常不美观，我们想把背景变透明，如何做呢？

// 在构造函数参数中设置alpha属性的值
var renderer = new THREE.WebGLRenderer({alpha: true
});

有时我们不想变透明，只想换一个别的颜色，那么如何改呢？

renderer.setClearColor(0xb9d3ff, 0.4); //设置背景颜色和透明度，如果完全透明则设置0.0即可

这篇关于【three.js】设置canvas画布背景透明的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---