前端利用canvas截图

    <script src="https://cdn.jsdelivr.net/npm/html2canvas@1.3.2/dist/html2canvas.min.js"></script>

引js文件

// 获取要截图的DOM元素
const element = document.getElementById('targetElement');

// 使用html2canvas截取截图
html2canvas(element).then(canvas => {
  // 将Canvas转换为图像数据
  const imageData = canvas.toDataURL();

  // 创建一个新的图像元素
  const image = new Image();
  image.src = imageData;

  // 将图像元素添加到页面中
  document.body.appendChild(image);
});