这篇文章主要介绍“微信小程序API绘图导出图片的方法”,在日常操作中,相信很多人在微信小程序API绘图导出图片的方法问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”微信小程序API绘图导出图片的方法”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!
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)
}
})
到此,关于“微信小程序API绘图导出图片的方法”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注天达云网站,小编会继续努力为大家带来更多实用的文章!