小程序 組件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 號更新的,支持小程序獲取透明畫布
在這裏插入圖片描述

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