小程序使用canvas遇到的问题

画布不显示，提示出错：

thirdScriptError
Cannot read property 'getContext' of undefined;at SelectorQuery callback function
TypeError: Cannot read property 'getContext' of undefined

小程序里面显示了一块方块，但是图没有绘制出来。

代码是直接复制的官方的代码。

onReady() {
const query = wx.createSelectorQuery()
query.select('#myCanvas')
.fields({ node: true, size: true })
.exec((res) => {
const canvas = res[0].node
const ctx = canvas.getContext('2d')
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)
})
}

原因

使用的是新接口，需要2.9.0以上基础库，我使用的还是2.6.4，所以才会出现这个问题。

解决办法：

直接选择最新的基础库。上面有提示支持该基础库的微信版本，一般微信都会升级到最新版本，所以选择基本没问题。