使用dom-to-image库下载时排除元素

<script src="https://cdn.jsdelivr.net/npm/dom-to-image@2.6.0/dist/dom-to-image.min.js"></script>

// 获取需要转换为图像的DOM元素
const element = document.getElementById('myElement');

// 定义需要排除的元素
const excludeElement = document.getElementById('excludeElement');

// 使用dom-to-image库将DOM元素转换为图像
domToImage.toPng(element, {
  filter: (node) => node !== excludeElement,
})
  .then(function (dataUrl) {
    // 创建一个链接，并将图像数据赋值给链接的href属性
    const link = document.createElement('a');
    link.href = dataUrl;
    
    // 设置下载文件的名称
    link.download = 'image.png';
    
    // 触发点击事件以下载图像
    link.click();
  })
  .catch(function (error) {
    console.error('转换为图像时出错:', error);
  });