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.

OriginalL'auteur Don Don | 2010-05-02