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

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值