小程序畫布繪制圖像到畫布CanvasContext.drawImage

CanvasContext.drawImage(string imageResource, number sx, number sy, number sWidth, number sHeight, number dx, number dy, number dWidth, number dHeight)
繪制圖像到畫布

小程序插件：支持
參數
string imageResource
所要繪制的圖片資源（網絡圖片要通過 getImageInfo / downloadFile 先下載）

number sx
需要繪制到畫布中的，imageResource的矩形（裁剪）選擇框的左上角 x 坐標

>number sy
需要繪制到畫布中的，imageResource的矩形（裁剪）選擇框的左上角 y 坐標

number sWidth
需要繪制到畫布中的，imageResource的矩形（裁剪）選擇框的寬度

number sHeight
需要繪制到畫布中的，imageResource的矩形（裁剪）選擇框的高度

number dx
imageResource的左上角在目標 canvas 上 x 軸的位置

number dy
imageResource的左上角在目標 canvas 上 y 軸的位置

number dWidth
在目標畫布上繪制imageResource的寬度，允許對繪制的imageResource進行縮放

number dHeight
在目標畫布上繪制imageResource的高度，允許對繪制的imageResource進行縮放

示例代碼
有三個版本的寫法：

drawImage(imageResource, dx, dy)
drawImage(imageResource, dx, dy, dWidth, dHeight)
drawImage(imageResource, sx, sy, sWidth, sHeight, dx, dy, dWidth, dHeight) 從 1.9.0 起支持

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