CanvasContext.drawImage

更新时间：2024-09-18 14:46:37

绘制图像到画布。

drawImage(imageResource: string, dx: number, dy: number): void

参数

参数	类型	必填	说明
imageResource	string	是	所要绘制的图片资源（网络图片要通过 getImageInfo / downloadFile 先下载）
dx	number	是	imageResource 的左上角在目标 canvas 上 x 轴的位置
dy	number	是	imageResource 的左上角在目标 canvas 上 y 轴的位置

drawImage(imageResource: string, dx: number, dy: number, dWidth: number, dHeight: number): void

参数

参数	类型	必填	说明
imageResource	string	是	所要绘制的图片资源（网络图片要通过 getImageInfo / downloadFile 先下载）
dx	number	是	imageResource 的左上角在目标 canvas 上 x 轴的位置
dy	number	是	imageResource 的左上角在目标 canvas 上 y 轴的位置
dWidth	number	是	在目标画布上绘制 imageResource 的宽度，允许对绘制的 imageResource 进行缩放
dHeight	number	是	在目标画布上绘制 imageResource 的高度，允许对绘制的 imageResource 进行缩放

drawImage(imageResource: string, sx: number, sy: number, sWidth: number, sHeight: number, dx: number, dy: number, dWidth: number, dHeight: number): void

参数

参数	类型	必填	说明
imageResource	string	是	所要绘制的图片资源（网络图片要通过 getImageInfo / downloadFile 先下载）
sx	number	是	需要绘制到画布中的，imageResource 的矩形（裁剪）选择框的左上角 x 坐标
sy	number	是	需要绘制到画布中的，imageResource 的矩形（裁剪）选择框的左上角 y 坐标
sWidth	number	是	需要绘制到画布中的，imageResource 的矩形（裁剪）选择框的宽度
sHeight	number	是	需要绘制到画布中的，imageResource 的矩形（裁剪）选择框的高度
dx	number	是	imageResource 的左上角在目标 canvas 上 x 轴的位置
dy	number	是	imageResource 的左上角在目标 canvas 上 y 轴的位置
dWidth	number	是	在目标画布上绘制 imageResource 的宽度，允许对绘制的 imageResource 进行缩放
dHeight	number	是	在目标画布上绘制 imageResource 的高度，允许对绘制的 imageResource 进行缩放

示例代码