CanvasContext.drawImage

简介

CanvasContext.drawImage 用于绘制图像，图像保持原始尺寸。

扫码体验

undefined

效果示例

画布.gif

示例代码

//.js
const ctx = my.createCanvasContext('canvas')
ctx.drawImage('https://img.alicdn.com/tfs/TB1GvVMj2BNTKJjy0FdXXcPpVXa-520-280.jpg', 2, 2, 250, 80)
ctx.draw()

显示效果如下图所示： canvas.drawimage.png

入参

属性如下：

属性	类型	描述
imageResource	String	图片资源, 只支持线上 cdn 地址或离线包地址，线上 cdn 需返回头 `Access-Control-Allow-Origin: *`。
x	Number	图像左上角 x 坐标。
y	Number	图像左上角 y 坐标。
width	Number	图像宽度。
height	Number	图像高度。