7***@qq.com
7***@qq.com
  • 发布:2022-11-03 17:58
  • 更新:2022-11-11 18:46
  • 阅读:743

uniapp中如何使用canvas创建webgl

分类:uni-app

uniapp在h5中如何使用canvas创建webgl

2022-11-03 17:58 负责人:无 分享
已邀请:
DCloud_UNI_WZF

DCloud_UNI_WZF

renderjs,参考 Hello uniapp 示例项目

  • 7***@qq.com (作者)

    那个是2d的渲染,并不是webgl,使用webgl 输出是null。应该怎么解决啊

    2022-11-11 17:38

7***@qq.com

7***@qq.com (作者)

var canvas = document.querySelector("#canvas>canvas");
var gl = canvas.getContext("webgl");

// 输出的 gl是null

DCloud_UNI_WZF

DCloud_UNI_WZF

不要用内置组件,这样试下

<template>  
    <view id="content">  
    </view>  
</template>  

<script>  
    export default {  
        onReady(){  
            const content = document.getElementById('content')  
            const canvasEle = document.createElement('canvas')  
            content.appendChild(canvasEle)  
            const gl = canvasEle.getContext('webgl')  
            console.log('gl',gl)  
        }  
    }  
</script>
  • 2***@qq.com

    遇到同样的问题,终于找到解决方案了,谢谢

    2023-09-14 18:01

要回复问题请先登录注册