UniAPP实现APP端截取页面生成Base64图片，并将Base64图片保存到相册

在uniApp开发中，如果你想要截取页面上的某个元素并生成图片，你可以使用`uni.getImageInfo`方法结合`canvas` API来实现这个功能。以下是一个简单的步骤： 1. 获取需要截图的元素：首先，你需要获取到HTML中的DOM元素。可以使用`document.getElementById`或其他类似方法。 ```javascript const element = document.getElementById('yourElementId'); ``` 2. 将元素转换为canvas画布：然后将该元素的内容绘制到一个canvas上，因为`getImageInfo`函数只能用于canvas。 ```javascript let canvas = document.createElement('canvas'); let ctx = canvas.getContext('2d'); // 确保元素大小与canvas一致 canvas.width = element.offsetWidth; canvas.height = element.offsetHeight; ctx.drawImage(element, 0, 0, canvas.width, canvas.height); ``` 3. 截图并保存图片：现在你可以从canvas获取图像信息，并将其转换为Blob对象，然后下载或者保存为图片。 ```javascript uni.getImageInfo({ src: canvas.toDataURL(), // 转换为data URL success(res) { let blob = atob(res.data.split(',')[1]); let typeIndex = res.data.indexOf(';base64,') + 9; let mimeType = res.data.substring(0, typeIndex); let file = new File([blob], 'screenshot.png', {type: mimeType}); uni.saveFile({ filePath: 'file://' + file.name, file: file, success() { console.log('截图已保存'); }, fail(err) { console.error('保存失败:', err); } }); }, fail(err) { console.error('获取图片信息失败:', err); } }); ```