Javascript - Ohne Iframe bei der Aufnahme von Screenshot

Question

Ich habe ein Widget, das in der Website von Drittanbietern basierend auf der Aufnahme von einigen Skripten verwendet wird. Beim Klicken auf eine Schaltfläche wird das Widget in eine iframe geladen und im Widget befindet sich eine Schaltfläche, um den Screenshot zu erstellen. Hier sind Teile meines Codes, um den Screenshot zu erstellen.

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; 
} 

Aber in meinem Screenshot wird der Bereich, in dem der Iframe erscheint, in grauer Farbe dargestellt.

Wie kann ich den Screenshot mit Ausnahme der iframe nehmen.

Answer 1

Fügen Sie data-html2canvas-ignore="true" zu allen Elementen hinzu, die nicht im Screenshot enthalten sein sollen.