小程序 组件canvas webgl 获取透明背景

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 号更新的,支持小程序获取透明画布
在这里插入图片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章