免费AI编程助手
微信小程序API 绘图·导出图片canvasToTempFilePath(OBJECT)
2022-05-09 16:34 更新
绘图接口和方法wx.canvasToTempFilePath(OBJECT)
把当前画布指定区域的内容导出生成指定大小的图片，并返回文件路径。
OBJECT参数说明：
| 参数 | 类型 | 必填 | 说明 | 最低版本 |
|---|---|---|---|---|
| x | Number | 否 | 画布x轴起点（默认0） | 1.2.0 |
| y | Number | 否 | 画布y轴起点（默认0） | 1.2.0 |
| width | Number | 否 | 画布宽度（默认为canvas宽度-x） | 1.2.0 |
| height | Number | 否 | 画布高度（默认为canvas高度-y） | 1.2.0 |
| destWidth | Number | 否 | 输出图片宽度（默认为width） | 1.2.0 |
| destHeight | Number | 否 | 输出图片高度（默认为height） | 1.2.0 |
| canvasId | String | 是 | 画布标识，传入 <canvas/> 的 cavas-id |
|
| fileType | String | 否 | 目标文件的类型，只支持 'jpg' 或 'png'。默认为 'png' | 1.7.0 |
| quality | Number | 否 | 图片的质量，取值范围为 (0, 1]，不在范围内时当作1.0处理 | 1.7.0 |
| success | Function | 否 | 接口调用成功的回调函数 | |
| fail | Function | 否 | 接口调用失败的回调函数 | |
| complete | Function | 否 | 接口调用结束的回调函数（调用成功、失败都会执行） |
示例代码
wx.canvasToTempFilePath({
x: 100,
y: 200,
width: 50,
height: 50,
destWidth: 100,
destHeight: 100,
canvasId: 'myCanvas',
success: function(res) {
console.log(res.tempFilePath)
}
})以上内容是否对您有帮助：
更多建议：