Comment enregistrer/exporter un élément du DOM à une image?
J'ai une page web qui a un élément de formulaire (avec son ID est connu) et
à l'intérieur de la forme il y a plusieurs DIVs, et la position de chaque div
peut être changé.
Ce que je voudrais faire est de:
a) Sauvegarder l'état actuel de cette forme
//var currentForm=document.forms['myFrm'].innerHTML;
serait probablement suffisant...
b) Enregistrer ou d'exporter l'ensemble de la forme la plus courante de la position de chaque DIV
un fichier image.
//comment enregistrer/exporter le javascript var de currentForm à une image
fichier est la question clé.
Toute aide/pointeur serait appréciée.
Je ne comprends pas. Voulez-vous faire une capture d'écran de la DIV de rendu et d'enregistrer une image?
Meilleure question... pourquoi voulez-vous faire cela? Êtes-vous en essayant de sauver de l ' "état" de l'INTERFACE utilisateur de recharger plus tard? Notons que .innerHTML sera de retour un tas de balise incorrecte de la soupe dans IE et dans tous les navigateurs ne comprennent pas toutes les infos concernant le style à partir de sources externes (CSS et JavaScript)
Même si c'est une vieille question, il y a de très bonnes raisons de le faire. En particulier dans l'ère moderne des applications hybrides.
Meilleure question... pourquoi voulez-vous faire cela? Êtes-vous en essayant de sauver de l ' "état" de l'INTERFACE utilisateur de recharger plus tard? Notons que .innerHTML sera de retour un tas de balise incorrecte de la soupe dans IE et dans tous les navigateurs ne comprennent pas toutes les infos concernant le style à partir de sources externes (CSS et JavaScript)
Même si c'est une vieille question, il y a de très bonnes raisons de le faire. En particulier dans l'ère moderne des applications hybrides.
OriginalL'auteur Don Don | 2010-05-02
Vous devez vous connecter pour publier un commentaire.
Il y a une bibliothèque appelée Domvas qui devrait faire ce que vous voulez.
Après que l'exportation d'une image à partir d'un élément canvas devrait être assez facile:
OriginalL'auteur sym3tri
Après des heures de recherches, j'ai enfin trouvé une solution pour prendre une capture d'écran d'un élément, même si la
origin-clean
INDICATEUR est défini (pour éviter les attaques de type XSS), c'est pourquoi vous pouvez même capturer par exemple Google Maps (dans mon cas). J'ai écrit une fonction universelle pour obtenir une capture d'écran. La seule chose dont vous avez besoin, en plus de la html2canvas bibliothèque (https://html2canvas.hertzen.com/).Exemple:
Garder à l'esprit
console.log()
etalert()
l'habitude de générer une sortie si la taille de l'image est grande.Fonction:
OriginalL'auteur orange01
Voulez-vous le faire entièrement en JavaScript? Si oui, une solution possible pourrait être de transformer le code HTML pour un SVG. Ou peut-être vous pouvez utiliser le <canvas> balise et de le faire manuellement.
OriginalL'auteur Reto Aebersold
J'espère que j'ai à vous comprendre, il semble que vous vous voulez, c'est la sérialisation des valeurs de la
<form>
:JavaScript Forme De Sérialisation De Comparaison compare plusieurs méthodes à l'aide de JavaScript et de bibliothèques JavaScript pour sérialiser un formulaire dans un formulaire qui peut être sauvé.
OriginalL'auteur artlung