微信小程序API绘图导出图片,把画布指定区域的内容导出图片
2020-09-27
导读：绘图接口和方法 wx.canvasToTempFilePath(OBJECT) 把当前画布指定区域的内容导出生成指定大小的图片，并返回文件路径。 OBJECT参数说明： 参数 类型 必填 说明 最低版本 x Number 否 画布x轴起点...
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 |
|
| 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)
}
})
更多微信小程序开发教程，可以关注hi小程序。
第二部分：如何开通一个小商店
扫码免费领取运营资料包
