uniapp h5生成海报并在浏览器保存

你可以使用html2canvas和canvas2image两个库来实现uniapp H5生成海报并在浏览器保存的功能。

首先，你需要在uniapp项目中安装这两个库：

npm install html2canvas canvas2image --save

然后，你可以在需要生成海报的页面中引入这两个库：

import html2canvas from 'html2canvas';
import Canvas2Image from 'canvas2image';

接下来，你可以在需要生成海报的代码中使用html2canvas将需要生成的DOM节点转化成canvas：

const node = document.getElementById('poster'); // 获取需要生成海报的DOM节点
html2canvas(node).then(canvas => {
  // canvas即为生成的海报canvas
})

最后，你可以使用canvas2image将canvas保存为图片：

const node = document.getElementById('poster');
html2canvas(node).then(canvas => {
  // canvas即为生成的海报canvas
  const imgData = Canvas2Image.convertToPNG(canvas); // 将canvas转化为PNG格式的图片数据
  const imgSrc = 'data:image/png;base64,' + imgData; // 将图片数据转化为Base64编码的图片地址
  // 接下来，你可以将这个图片地址赋值给img标签，或者使用window.open打开一个新的浏览器窗口展示图片
})

注意：由于浏览器的安全限制，你不能直接将生成的图片保存到本地文件系统，只能显示在浏览器中或者下载到本地。