负责小程序canvas相关方法的产品经理是不是可以下课谢罪了【canvas文档有各种问题】 - WXOPEN Club

const ctx = wx.createCanvasContext('myCanvas')

wx.chooseImage({
  success: function(res){
    ctx.drawImage(res.tempFilePaths[0], 0, 0, 150, 100)
    ctx.draw()
  }
})

canvas相关的文档简直受够了，各种没示例不说，难得有一个示例，还是错的。

看上面这个，首先

wx.createCanvasContext方法已经过期了，现在获取Canvas 实例，应该通过 SelectorQuery 获取qi

其次，用新的文档，也根本写不出来，方块能写出来，图片写不出

 ctx.fillRect(0, 0, 100, 100)
        
        let img = canvas.createImage()
        img.src = './car.png'
        console.log(img)
        ctx.drawImage(img, 50 , 50, 450, 500)
        
        ctx.draw()

不管是直接在drawImage方法里直接传path还是传img对象，都是不行的。

还有各种报不是function的错误

请问产品经理在干嘛？浪费开发者多少时间

uchang 1楼•4 年前

你好，新的接口是通过 selector query 来获取的，但是不需要调用 ctx.draw()。。旧接口是通过 wx.createCanvasContext() 获取，需要调用 ctx.draw()，建议使用新的canvas接口，旧接口已经不维护了。

另外，可以参考下文档提供的新旧canvas接口的代码片段。