【微信小程序】webgl实现canvas

<style>
page{
height: 200px
}
#myCanvas{
width: 500px;
height: 500px
}
</style>
<script>
// pages/canvas/canvas.js
Page({

/**
* 页面的初始数据
*/
data: {

},

/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {

},

/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
const query = wx.createSelectorQuery()
query.select('#myCanvas').node().exec((res) => {
const canvas = res[0].node
const gl = canvas.getContext('webgl')
gl.clearColor(1, 0, 1, 1)
gl.clear(gl.COLOR_BUFFER_BIT)
})
}
})
</script>
<page>
<canvas type="webgl" id="myCanvas"></canvas>
</page>

• 点赞
• 收藏
• 分享
• 文章举报