1、安装html2canvas

npm install html2canvas
# 或者
yarn add html2canvas

2、实例

<div class="Main"></div>
<script setup>
import html2canvas from "html2canvas"

const jieping = async ()=>{
   const imgtext = document.querySelector(".Main")
   const canvas = await html2canvas(imgtext,{
     allowTaint: true,
     useCORS: true,
     backgroundColor: '#ffffff',
     scale: 2, // 提高图片质量
     logging: false
   })
  //转换成图片并下载
  const imgdown = canvas.toDataURL("image/png",1.0)
  let link = document.createElement('a');
  link.href = imgdown;
  let tempImgname = Date.now()
  link.download = tempImgname+'.png'; // 设置下载文件名
  // 触发点击下载
  document.body.appendChild(link);
  link.click();
  document.body.removeChild(link);
}
</script>