canvasToTempFilePath

解释:把当前画布指定区域的内容导出生成指定大小的图片,并返回文件路径。在自定义组件下,第二个参数传入组件实例this,以操作组件内<canvas/>组件。

Object 参数:

参数名类型必填说明
xNumber画布 x 轴起点(默认 0 )
yNumber画布 y 轴起点(默认 0 )
widthNumber画布宽度(默认为 canvas 宽度 -x)
heightNumber画布高度(默认为 canvas 高度 -y)
destWidthNumber输出图片宽度(默认为 width 屏幕像素密度)
destHeightNumber输出图片高度(默认为 height 屏幕像素密度)
canvasIdString画布标识,传入<canvas/>的 canvas-id
fileTypeString目标文件的类型,只支持 ‘jpg’ 或 ‘png’,默认为 ‘png’ 。
qualityNumber图片的质量,取值范围为 (0, 1],不在范围内时当作 1.0 处理 。
successFunction接口调用成功的回调函数
failFunction接口调用失败的回调函数
completeFunction接口调用结束的回调函数(调用成功、失败都会执行)

说明:

在 draw 回调里调用该方法才能保证图片导出成功。

示例:

  1. swan.canvasToTempFilePath({
    x: 100,
    y: 200,
    width: 50,
    height: 50,
    destWidth: 100,
    destHeight: 100,
    canvasId: 'myCanvas',
    success: function(res) {
    console.log(res.tempFilePath)
    }
    });