canvasContext.drawImage
解释:绘制图像到画布。
使用顺序:drawImage(image, dx, dy, dWidth, dHeight, sx, sy, sWidth, sHeight)
参数:
参数名 | 类型 | 说明 |
---|---|---|
imageResource | String | 所要绘制的图片资源 |
dx | Number | 图像的左上角在目标 canvas 上 X 轴的位置。 |
dy | Number | 图像的左上角在目标 canvas 上 Y 轴的位置 。 |
dWidth | Number | 在目标画布上绘制图像的宽度,允许对绘制的图像进行缩放 。 |
dHeight | Number | 在目标画布上绘制图像的高度,允许对绘制的图像进行缩放 。 |
sx | Number | 源图像的矩形选择框的左上角 X 坐标。 |
sy | Number | 源图像的矩形选择框的左上角 Y 坐标。 |
sWidth | Number | 源图像的矩形选择框的宽度 |
sHeight | Number | 源图像的矩形选择框的高度 |
示例:
- const ctx = swan.createCanvasContext('myCanvas');
swan.chooseImage({
success: function(res){
ctx.drawImage(res.tempFilePaths[0], 0, 0, 150, 100);
ctx.draw();
};
});