Javascript - 스크린 샷을 찍을 때 Iframe 제외

Question

일부 스크립트가 포함 된 제 3 자 웹 사이트에서 사용되는 위젯이 있습니다. 일부 버튼을 클릭하면 위젯이 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"을 추가하십시오.