Javascript - 在截屏时排除iframe

Question

我有一个小部件，将基于包含一些脚本在第三方网站中使用。点击某个按钮后，小部件将被加载到iframe内，小部件内部会有一个按钮来截取屏幕截图。以下是我拍摄屏幕截图的部分代码。

jQuery(window).bind("message", function(e) {
  var data = e.originalEvent.data;
  loadCanvas(data);
});

function loadCanvas(dataURL) {
  var canvas = document.getElementById("f-screenshot");
  var context = canvas.getContext("2d");
  var imageObj = new Image();
  imageObj.onload = function() {
    context.drawImage(this, 0, 0, 300, 220);
  };
  imageObj.src = dataURL;
  img_data = dataURL;
}

但在我的屏幕截图中，iframe出现的区域以灰色显示。

如何截取iframe以外的屏幕截图。

Answer 1

将data-html2canvas-ignore="true"添加到屏幕截图中不包含的所有元素。