微信小程序将页面生成图片并保存的相册
时间: 2023-09-06 15:07:36 浏览: 122
您可以使用小程序的 `canvas` 组件将页面内容绘制成图片,然后调用 `wx.canvasToTempFilePath` 方法将图片保存到相册中。以下是一个简单的示例代码:
```
<canvas canvas-id="myCanvas"></canvas>
// JS代码
wx.createSelectorQuery().select('#myCanvas').fields({ node: true, size: true })
.exec((res) => {
const canvas = res[0].node
const ctx = canvas.getContext('2d')
// 绘制页面内容
ctx.draw(true, () => {
// 将canvas绘制的内容保存到图片
wx.canvasToTempFilePath({
canvas,
success(res) {
// 将图片保存到相册
wx.saveImageToPhotosAlbum({
filePath: res.tempFilePath,
success(res) {
console.log('保存图片成功', res)
},
fail(err) {
console.error('保存图片失败', err)
}
})
},
fail(err) {
console.error('canvasToTempFilePath失败', err)
}
})
})
})
```
注意:在使用 `wx.saveImageToPhotosAlbum` 方法前,需要先获取用户授权。可以使用 `wx.authorize` 方法获取保存到相册的授权。