PageKit — der selbst gehostete GrapesJS-Website-Builder, als Quellcode. Early Access sichern

Problem #1345✓ Gelöst6. August 2018 geöffnetvon alibouaziz3-Reaktionen

Html2canvas gibt blank

Kurze Antwortvon HakuTheWolfSpirit❤ 2

I advise you to ask the question under the html2canvas tag on StackOverflow. This is not really an issue with grapesjs. Also check wether your document.querySelector returns null. I think you are not using the iframe document.

Lesen Sie die vollständige Antwort unten ↓

Frage

Ich möchte die Disposition in ein Bild exportieren, aber mir ein leeres Bild geben. var div = document.querySelector('#wrapper'); html2canvas(div, { onrendered: function (canvas) { var screanshot = canvas.toDataURL("image/png"); } }); Danke.

Antworten (3)

👍 Am hilfreichstenHakuTheWolfSpirit• 7. August 2018

I advise you to ask the question under the html2canvas tag on StackOverflow. This is not really an issue with grapesjs. Also check wether your document.querySelector returns null. I think you are not using the iframe document.

artf• 10. August 2018

@alibouaziz das '#wrapper' im iframe des GrapesJS liegt, gibt 'querySelector' also nichts zurück. Man kann den Inhalt des iframe über das Canvas-Modul aufrufen, also um den Body zu erhalten, würde man 'editor. Canvas.getBody()'

lock[bot]• 17. September 2019

Dieser Thread wurde automatisch gesperrt, da es nach seiner Schließung keine jüngste Aktivität gegeben hat. Bitte eröffne eine neue Ausgabe wegen verwandter Bugs.

Verwandte Fragen und Antworten

Führe die Forschung mit ähnlichen Themendiskussionen fort.

Kostenpflichtige Plugins, die diesem Problem entsprechen

Kuratiert nach Themen-Schlüsselwörtern und Label-Relevanz, damit Sie schneller liefern.

Alle Plugins anzeigen

Lade: Empfehlungen für kostenpflichtige Plugins...

Kostenlose Option

Überprüfen Sie die Open-Source-GrapesJS-Plugins auf GitHub Oder suchen Sie schnell in unserem kostenlosen Katalog.

Durchstöbere kostenlose Plugins →
Premium-Option

Premium-Plugins werden mit Support, regelmäßigen Updates und produktionsreifen Funktionen geliefert – das spart Tage an Integrationsarbeit.

Durchsuchen Sie Premium-Plugins →

Verwandte Tutorials

Tiefgehende Anleitungen zum gleichen Thema.

Alle Tutorials →

Durchsuchen Sie Plugin-Kategorien

Springe direkt zu den Plugin-Kategorieseiten im Marktplatz.