enregistrer / exporter le fichier image à partir du contenu html?
J'ai un scénario qui, je suis entrain de créer un contenu html dynamique et j'ai besoin d'exporter et d'enregistrer le code html contenu dans un fichier image avec php, jQuery et JavaScript [ou avec tout autre si possible].
source d'informationauteur Bhavin Rana
Vous devez vous connecter pour publier un commentaire.
Vous pouvez dessiner le html sur une toile. https://developer.mozilla.org/en/HTML/Canvas/Drawing_DOM_objects_into_a_canvas
et puis enregistrez la toile comme une image sur le serveur.
http://motyar.blogspot.com/2010/04/save-html5-canvas-data-as-image.html
Ou envoyer le code html pour le serveur et le rendre côté serveur:
https://github.com/visionmedia/screenshot-app ou
http://cutycapt.sourceforge.net/
Vous pouvez utiliser le HTML5 canvas et la toDataURL méthode. Par exemple:
Vous pouvez régler en haut, à gauche, la largeur et la hauteur pour ne capturer qu'une partie de la page web.
Le résultat est une base de données chaîne URI. Vous pouvez l'envoyer sur votre serveur ou le dessiner sur une autre toile:
Votre plugin utilise probablement cette méthode. Vous pouvez aussi vérifier son code source.
Edit: Pour l'envoyer sur votre serveur avec JQuery, vous pouvez faire quelque chose comme ça:
Sur le côté serveur, vous aurez pour décoder les données d'URL.
Basé sur "Michaël Witrant" répondre
regardez :
Compiler/Enregistrer/Exporter au format HTML comme une Image PNG à l'aide de Jquery
J'ai mis de la toile, moi-même et ne pas utiliser
createElement
ligne ci-dessusVous avez probablement besoin d'ajouter cette ligne avant
drawWindow()
pour obtenir les autorisations de sécurité de l'utilisateur. Voir http://murfy.de/read/webgl-drawWindowSi vous souhaitez enregistrer l'image comme PNG, etc, j'ai trouvé utile de script:
http://www.nihilogic.dk/labs/canvas2image/
Après tout ce que j'ai décidé d'utiliser le code
php
http://php.net/manual/en/ref.image.php
avec cela,
j'ai créé le code html spécifique des éléments à des positions spécifiques avec des images.
merci à tous pour avoir contribué.