之前用了uniapp的canvas生成了签字，并将签字的内容生成图片，现在要求我将整个页面，包括签字部分和不是签字部分的内容都生成图片，请问怎么实现哈
7***@qq.com
- 发布：2022-01-20 14:51
- 更新：2022-01-20 16:29
- 阅读：599
移动端怎么将当前页面内容转换成图片
分类：uni-app
这个是点击保存为图片时，触发该函数，将base64转换为图片，保存到手机相册
saveBase64Img(base64) {
const bitmap = new plus.nativeObj.Bitmap('test');
bitmap.loadBase64Data(
base64,
function() {
const url = '_doc/' + new Date() + '.png'; // url建议用时间戳命名方式
console.log('url:', url);
bitmap.save(
url, {
overwrite: true,// 是否覆盖
quality: 100 // 图片清晰度
},
i => {
uni.saveImageToPhotosAlbum({
filePath: url,
success: function() {
console.log('保存成功');
bitmap.clear();
}
});
},
e => {
console.log('保存失败', e);
bitmap.clear();
}
);
},
e => {
console.log('保存失败', e);
bitmap.clear();
}
);
}
相当于截屏之后转成图片嘛。
需要原生插件支持了
-
-
回复 7***@qq.com: 大概思路就是 截取屏幕内的像素，或者当前window所有像素，然后压缩到文件中。 我只能提供个大概思路，能否落地需要你自试试， 或者去插件市场看看有没有类似的插件
2022-01-20 16:01
7***@qq.com (作者)
你好，这几步具体的顺序能不能麻烦帮我捋顺一下，我有点看不明白，多谢了
2022-01-24 00:02
1***@qq.com
回复 7***@qq.com: 首先将当前页面转换成base64:this.$ownerInstance.callMethod('onViewClick', {
test: this.base64
}) 然后将base64传入到最上面定义的函数可以实现保存在本地相册功能
2022-01-25 09:18
7***@qq.com (作者)
回复 1***@qq.com: 我的是微信小程序的，这个可以使用吗？
2022-01-26 15:01
1***@qq.com
回复 7***@qq.com这个我就不知道了，你可以试试
2022-01-26 16:10
7***@qq.com (作者)
回复 1***@qq.com: 报错了，用不了
2022-01-26 16:10
1***@qq.com
回复 7***@qq.com: 我也没辙
2022-01-26 16:12