微信小程序API中,使用drawImage完成绘制图像,图像保持原始尺寸

2016-12-26

微信小程序 canvas接口和方法绘图接口和方法

canvasContext.drawImage


定义

绘制图像,图像保持原始尺寸。

参数

参数类型说明
imageResourceString所要绘制的图片资源
xNumber图像左上角的x坐标
yNumber图像左上角的y坐标
widthNumber图像宽度
heightNumber图像高度

例子

const ctx = wx.createCanvasContext('myCanvas')

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

微信小程序 canvas接口和方法绘图接口和方法