Canvas

canvas.toDataURL()

该方法将画布上的内容以支持图片展示的 data URI 的格式返回。

canvas.toDataURL();

参数值：

返回值：

示例：

let dataURL = canvas.toDataURL();
console.log(dataURL);

canvas.toTempFilePath()

该方法将当前 canvas 保存为一个临时图像文件。注意，当参数中的 x, y, width, height 组成的截取矩形，与当前 canvas 无交集，那么截取的内容为空，会执行 fail 回调函数，并且回调函数的参数 res.tempFilePath 为 null。

canvas.toTempFilePath(opts);

参数值：

success 回调函数：

形如 function (res) {...}, 其中:

fail 回调函数：

形如 function (res) {...}, 其中:

complete 回调函数：

当接口调用成功时，其返回值与 success 回调函数的返回值相同；
当接口调用失败时，其返回值与 fail 回调函数的返回值相同。

示例：

canvas.toTempFilePath({
    x: 10,
    y: 10,
    width: 40,
    height: 30,
    destWidth: 200,
    destHeight: 200,
    success: res => {
        const image = swan.createImage();
        image.src = res.tempFilePath;
        image.onload = () => {
            ctx.drawImage(image, 50, 80);
        };
    }
});

canvas.toTempFilePathSync()

canvas.toTempFilePath() 的同步版本。在异步版本中，执行 fail 回调的，在同步版本中都会抛异常。

canvas.toTempFilePathSync(opts);

参数值：

返回值：

示例：

const tempFilePath = canvas.toTempFilePathSync({
    x: 10,
    y: 10,
    width: 40,
    height: 30,
    destWidth: 200,
    destHeight: 300,
    fileType: 'jpg',
    quality: 0.2
});
const image = swan.createImage();
image.src = tempFilePath;
image.onload = () => {
    ctx.drawImage(image, 80, 50);
};