canvasToTempFilePath
解释:把当前画布指定区域的内容导出生成指定大小的图片,并返回文件路径。在自定义组件下,第二个参数传入组件实例this
,以操作组件内<canvas/>
组件。
Object 参数:
参数名 | 类型 | 必填 | 说明 |
---|---|---|---|
x | Number | 否 | 画布 x 轴起点(默认 0 ) |
y | Number | 否 | 画布 y 轴起点(默认 0 ) |
width | Number | 否 | 画布宽度(默认为 canvas 宽度 -x) |
height | Number | 否 | 画布高度(默认为 canvas 高度 -y) |
destWidth | Number | 否 | 输出图片宽度(默认为 width 屏幕像素密度) |
destHeight | Number | 否 | 输出图片高度(默认为 height 屏幕像素密度) |
canvasId | String | 是 | 画布标识,传入<canvas/> 的 canvas-id |
fileType | String | 否 | 目标文件的类型,只支持 ‘jpg’ 或 ‘png’,默认为 ‘png’ 。 |
quality | Number | 否 | 图片的质量,取值范围为 (0, 1],不在范围内时当作 1.0 处理 。 |
success | Function | 否 | 接口调用成功的回调函数 |
fail | Function | 否 | 接口调用失败的回调函数 |
complete | Function | 否 | 接口调用结束的回调函数(调用成功、失败都会执行) |
说明:
在 draw 回调里调用该方法才能保证图片导出成功。
示例:
- swan.canvasToTempFilePath({
x: 100,
y: 200,
width: 50,
height: 50,
destWidth: 100,
destHeight: 100,
canvasId: 'myCanvas',
success: function(res) {
console.log(res.tempFilePath)
}
});