Html2canvas: Bild wird in Chrome nicht in neuem Fenster gerendert !!

Erstellt am 16. Feb. 2018  ·  3Kommentare  ·  Quelle: niklasvh/html2canvas

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?

Needs More Information

Hilfreichster Kommentar

@ABHIKSINGHH Die Lösung:

html2canvas(document.body).then((canvas) => {
    window.open().document.write('<img src="' + canvas.toDataURL() + '" />');
});

Alle 3 Kommentare

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() + '" />');
});
War diese Seite hilfreich?
0 / 5 - 0 Bewertungen

Verwandte Themen

Josh10101010 picture Josh10101010  ·  3Kommentare

anthonymejia picture anthonymejia  ·  4Kommentare

tjchambers32 picture tjchambers32  ·  3Kommentare

dking3876 picture dking3876  ·  4Kommentare

kunal886496 picture kunal886496  ·  3Kommentare