codecamp

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

微信小程序 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接口和方法绘图接口和方法

微信小程序API·setTextBaseline(设置文字水平对齐)
微信小程序API 绘图中使用setGlobalAlpha设置全局画笔透明度
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定