Javascript Girl
  1. Javascript Girl
  3. Capturez un div comme image
Intereting Posts
"Fournisseur inconnu: ngDialogProvider" TinyMCE – Navigateur Chrome – Impossible de coller des images dans Chrome comme dans FF Comment est-ce possible sans instanciation (new-'ing ') it: var a = Array.prototype.slice.call (arguments)? JavaScript augmente SyntaxError avec JSON rendu dans le modèle Jinja Rerendering events in fullCalendar après la mise à jour de la base de données Ajax Qu'est-ce qui ne va pas avec ce code? JavaScript: comment charger toutes les images dans un dossier? Supprimer un commentaire – Réagir js Détecter le langage préféré de l'utilisateur et Google Translate automatiquement Comment gérer JavaScript en cours de désactivation dans AngularJS FindQuery () ne fonctionne pas dans les données de braser? Ma fonction javascript s'exécute en double (?) Lorsque j'ajoute un événement de clic Création d'un nouvel onglet / bascule entre onglets dans Firefox? En utilisant une directive à l'intérieur d'une répétition ng et d'un mystérieux pouvoir de portée '@' Chargez JSON à l'exécution plutôt que dynamiquement via AJAX

Capturez un div comme image

J'ai quelques étiquettes div contenant des tableaux rendus par javascript. Je souhaite 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 comme image en utilisant javascript! Alors je demande des conseils et des conseils. Merci d'avance.

Vous pouvez créer une image à l'aide de l'élément de canevas. Si vos tableaux sont rendus à l'aide d'éléments HTML, vous devez dessiner ce code HTML sur le canevas . Ensuite, vous pouvez utiliser toDataURL sur le canevas pour obtenir les données d'image encodées B64.

Ceci n'est pas possible en utilisant uniquement JavaScript.

JavaScript n'a pas accès sur un PC pour enregistrer des fichiers, et il ne peut pas non plus convertir le DOM sur un format d'image.

Il y a eu une dissolution ici: html5: copier une toile sur image et en retour. Il y a aussi un projet http://www.nihilogic.dk/labs/canvas2image/

Vous pourriez essayer phantomjs, http://phantomjs.org/ , bien que je ne l'ai pas utilisé personnellement, mais il est largement utilisé pour les captures d'écran

  1. JS ne peut pas accéder à l'affichage au cas où il ne peut pas analyser HTML
  2. Vous pouvez appeler un utilitaire pour faire une capture d'écran de la zone. Mais ce n'est pas sûr d'utiliser, alors ça marchera si vous accordez.
  3. Cette question a déjà été posée ici . Probablement il a des bonnes choses dont vous avez besoin