canvasContext.drawImage

解释:绘制图像到画布。

使用顺序:drawImage(image, dx, dy, dWidth, dHeight, sx, sy, sWidth, sHeight)

参数:

参数名类型说明
imageResourceString所要绘制的图片资源
dxNumber图像的左上角在目标 canvas 上 X 轴的位置。
dyNumber图像的左上角在目标 canvas 上 Y 轴的位置 。
dWidthNumber在目标画布上绘制图像的宽度,允许对绘制的图像进行缩放 。
dHeightNumber在目标画布上绘制图像的高度,允许对绘制的图像进行缩放 。
sxNumber源图像的矩形选择框的左上角 X 坐标。
syNumber源图像的矩形选择框的左上角 Y 坐标。
sWidthNumber源图像的矩形选择框的宽度
sHeightNumber源图像的矩形选择框的高度

示例:

  1. const ctx = swan.createCanvasContext('myCanvas');

    swan.chooseImage({
    success: function(res){
    ctx.drawImage(res.tempFilePaths[0], 0, 0, 150, 100);
    ctx.draw();
    };
    });

图片