Capture d'un div sous forme d'image

Question

J'ai des balises div contenant des graphiques rendus par javascript. Je veux les exporter dans un format d'image en appuyant sur un bouton. Je ne sais pas s'il est possible de capturer une balise div en tant qu'image en utilisant javascript! donc là je demande des conseils et des astuces. Merci d'avance.

Answer 1

Ceci n'est pas possible avec JavaScript uniquement.

JavaScript n'a pas accès à un PC pour enregistrer des fichiers, ni convertir le DOM en un format d'image.

Answer 2

Il y avait un dissussion ici: html5: copy a canvas to image and back Il y a également un projet http://www.nihilogic.dk/labs/canvas2image/

Answer 3

u pourrait essayer PhantomJS, http://phantomjs.org/, bien que je have'nt utilisé personnellement, mais il est largement utilisé pour des captures d'écran

Answer 4

Vous pouvez créer une image en utilisant l'élément canvas. Si vos graphiques sont rendus en utilisant des éléments HTML, vous devez draw that HTML onto the canvas. Ensuite, vous pouvez utiliser toDataURL sur le canevas pour obtenir les données d'image codées en B64.

Answer 5

1. JS ne peuvent pas accéder à afficher au cas où il ne peut pas analyser HTML
2. Vous pouvez appeler une certaine utilité pour faire capture d'écran de la zone. Mais ce n'est pas sûr à utiliser, donc cela fonctionnera si vous donnez accès.
3. Cette question a déjà été posée here. Probablement il a de bonnes choses dont vous avez besoin