Grapesjs: html2canvas give blank

Created on 6 Aug 2018  路  3Comments  路  Source: artf/grapesjs

i want to export the disposition to an image, but give me blank image.
var div = document.querySelector('#wrapper');
html2canvas(div, {
onrendered: function (canvas) {
var screanshot = canvas.toDataURL("image/png");
}
});
thanks.

outdated

Most helpful comment

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.

All 3 comments

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.

@alibouaziz the #wrapper is inside the GrapesJS's iframe, so querySelector returns nothing.
You can access the content of the iframe via Canvas module, so to get the body you would do editor.Canvas.getBody()

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

krunal039 picture krunal039  路  3Comments

nojacko picture nojacko  路  3Comments

YashPrince picture YashPrince  路  3Comments

adam-gpc picture adam-gpc  路  3Comments

applibs picture applibs  路  3Comments