小程序中canvas的drawImage方法参数使用详解

const ctx = wx.createCanvasContext('myCanvas')

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

这个方法跟原生canvas的一样，具体如下

HTML5中引入新的元素canvas，其drawImage 方法允许在 canvas 中插入其他图像( img 和 canvas 元素) 。drawImage函数有三种函数原型：

第一个参数image是所要绘制的图片资源

作为参数。dx和dy是image在canvas中定位的坐标值；dw和dh是image在canvas中即将绘制区域（相对dx和dy坐标的偏移量）的宽度和高度值；sx和sy是image所要绘制的起始位置，sw和sh是image所要绘制区域（相对image的sx和sy坐标的偏移量）的宽度和高度值。