全部产品

CanvasContext.drawImage

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

扫码体验

入参

Object 类型,属性如下:

属性类型说明
imageResourceString图片资源, 只支持线上 cdn 地址或离线包地址,线上 cdn 需返回头 Access-Control-Allow-Origin: *
xNumber图像左上角 x 坐标。
yNumber图像左上角 y 坐标 。
widthNumber图像宽度。
heightNumber图像高度。

示例代码

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

显示效果如下图所示:

image