详谈h5生成分享图片+长按保存图片功能

有时候我们要实现一个生成分享图片，然后长按保存的功能，这个时候我们可以考虑用html2canvas快速实现。

html2canvas

yarn add html2canvas
import html2canvas from 'html2canvas';

  
const getImg =  async () => {
  const box = document.createElement('div');
  box.innerHTML = `<div>你要的html内容</div>`;
  document.body.appendChild(box);
  // 使用 html2canvas 渲染 DOM 元素为 Canvas
  const canvas = await html2canvas(box);
  // 将 Canvas 转换为图片数据 URL
  const imageSrc = canvas.toDataURL('image/png');
}

const imageSrc = canvas.toDataURL('image/png');这句得到的就是图片的src，将imageSrc放入到img的标签里就是一张可保存的图片