uniapp实现canvas绘制出的二维码的本地保存代码
时间: 2023-06-04 10:08:10 浏览: 277
uniapp小程序绘制二维码生成图片保存到本地
3星 · 编辑精心推荐
以下是Uniapp实现canvas绘制出的二维码的本地保存代码:
```javascript
// 1.获取canvas对象
const query = uni.createSelectorQuery().in(this);
query.select('#canvas').fields({
node: true,
size: true
}).exec((res) => {
const canvas = res[0].node;
const ctx = canvas.getContext('2d');
// 在canvas绘制二维码
...
// 2.保存图片到本地
uni.canvasToTempFilePath({
canvasId: 'canvas', // canvasId即为canvas的id
success: (res) => {
uni.saveImageToPhotosAlbum({
filePath: res.tempFilePath,
success: () => {
uni.showToast({
title: '保存成功',
duration: 2000
})
}
});
}
}, this);
});
```
以上代码中,我们首先使用uni.createSelectorQuery获取canvas对象,并在canvas中绘制二维码。接着,我们调用uni.canvasToTempFilePath将canvas转换成图片并获取该图片的临时文件路径,最后我们使用uni.saveImageToPhotosAlbum保存图片到本地相册。若保存成功,我们则弹出保存成功的提示。
阅读全文