bb幾句,一直想要設置畫布透明,直到看到官方消息,可以直接獲取透明畫布了,賊開心!
之前試的方法,在電腦上看挺好的,一拿起手機測試,畫布就變成黑色。因爲去掉場景的背景導致畫布變成黑色。
現在小程序支持獲取透明背景了,開心心 ❥
可通過這段語句去獲取透明畫布 getContext(‘webgl’, { alpha: true })
關於canvas的使用
代碼:
init: function(canvas) {
let that = this;
// var gl = canvas.getContext('webgl'); //之前使用的方法
var gl = canvas.getContext('webgl', { alpha: true });
// 場景
scene = new THREE.Scene();
// scene.background = new THREE.Color(0x6076FF); //場景背景顏色
// 渲染器
renderer = new THREE.WebGLRenderer({
canvas: canvas,
antialias: true
});
}
render: function() {
renderer.render(scene, camera);
},
微信官方在10.29 號更新的,支持小程序獲取透明畫布