按文档提供的例子使用wx.createSelector()来操作canvas时候,使用type属性没有问题。如果使用canvas-id属性怎么获取到canvas呢??两个属性同时使用就会出现其他一些问题,比如wx.createOffscreenCanvas()后面的操作带来一系列问题。总是感觉canvas使用起来的时候太乱了。
wx.createCanvasasContext()又不能使用,感觉wx.createCanvasasContext()、wx.createOffscreenCanvas()、wx.createSelectorQuery()三者获取canvas实列 之后,后面的一系列函数都不知道怎么使用,比如draw()在wx.createOffscreenCanvas()获取实例后使用就出现错误。。。 w我觉得小程序对者三个获取canvas实例及后面的函数操作各自单独写一个文档,不要写在一起,太乱了看不懂。。。
wx.createSelectorQuery()只能用type属性,否则获取不到。
wx.createSelectorQuery 使用id -> #test
query.select('#test')
.fields({ node: true, size: true })
.exec((res) => {
const canvas = res[0].node
const ctx = canvas.getContext('2d')
//这里会出现错误,获取不到node
const dpr = wx.getSystemInfoSync().pixelRatio
canvas.width = res[0].width * dpr
canvas.height = res[0].height * dpr
ctx.scale(dpr, dpr)
ctx.fillRect(0, 0, 100, 100)
})