Funktion convertToCanvasAndPrint() {
html2canvas(document.getElementById("PositionChartMainDiv")).then(function(canvas) {
var img = canvas.toDataURL();
window.open (img);
});
}
Ich verwende die 1.0.0-alpha.10 js-Bibliothek, auf Chrome oben öffnet die Funktion ein neues Fenster als leer. Unter Firefox wird das Bild jedoch gerendert. Wieso ist es so?
Es gibt nichts in dieser Angelegenheit, bei dem ich Ihnen helfen kann. Wenn Sie Hilfe zu Ihrem Problem erhalten möchten, befolgen Sie die Anweisungen zum Öffnen eines Problems und geben Sie ein Beispiel für jsfiddle an, was nicht funktioniert.
@niklasvh : Ich versuche, einen Schnappschuss eines großen Organigramms zu machen und das Bild in einem neuen Fenster zu öffnen. Das Diagramm befindet sich in einem div(id=PositionChartMainDiv). Aber wenn ich die obige Funktion beim Klicken auf die Schaltfläche Drucken aufrufe, wird das Diagramm in Firefox in einem neuen Fenster geöffnet, aber in Chrome ist das neue Fenster leer und enthält keinen Inhalt. Warum so ein Unterschied im Verhalten? Ich kann wirklich nicht den gesamten Inhalt auf jsfiddle teilen, da der Inhalt sehr groß ist.
@ABHIKSINGHH Die Lösung:
html2canvas(document.body).then((canvas) => {
window.open().document.write('<img src="' + canvas.toDataURL() + '" />');
});
Hilfreichster Kommentar
@ABHIKSINGHH Die Lösung: