如何在截图前删除某些元素？

Question

我可以使用下面的示例代码截取页面的截图:

html2canvas(document.body, {
  onrendered: function(canvas) {
    document.body.appendChild(canvas);
  }
});

现在有一些div我在拍摄截图时不想成为页面的一部分吗？如何防止它们成为屏幕截图的一部分.

我想的一种方法是克隆元素然后删除元素,但是获取克隆的屏幕截图会给出一个白色屏幕.这是我使用的代码:

html2canvas($(document.body).clone()[0], {
  onrendered: function(canvas) {
    document.body.appendChild(canvas);
  }
});

Answer 1

将此属性添加data-html2canvas-ignore到处理屏幕截图时不想拍摄的任何元素.

希望这将有助于下一个人.