Compiler/Enregistrer/Exporter au format HTML comme une Image PNG à l'aide de Jquery
J'ai un set-up avec de multiples variables que les utilisateurs peuvent modifier l'effet d'une représentation visuelle d'un élément. Tout cela est contrôlé par des scripts jquery. Ce serait cool si il y avait un moyen de sauver la résultante de l'image que par ce qui le rend navigateur. Ce serait pas différente de celle d'un screencapture à partir d'un point de vue utilisateur, mais il ne serait que de la capture de la zone concernée.
J'ai un plugin pour FF appelée Page de Veille, et c'est la fonctionnalité est à peu près ce que je recherche, mais avec jquery ou régulières javascript si possible.
Je suis de plus en plus demander des conseils, et une direction générale que les gars, vous me conseillez de partir, dans le but de poursuivre une telle fonctionnalité. Je préfère ne pas apprendre une autre langue pour le faire, mais si je dois...
OriginalL'auteur C_K | 2011-05-09
Vous devez vous connecter pour publier un commentaire.
Edit : Cette méthode ne fonctionne que dans les extensions Firefox.
Vous pouvez utiliser HTML5 canvas, Firefox' drawWindow et la toDataURL méthode. Par exemple:
Vous pouvez ajuster
top
,left
,width
etheight
de ne capturer qu'une partie de la page web.Le résultat est un les données URI chaîne. 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.
Modifier: À 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.
Vous pouvez consulter caniuse.com/#search=canvas mais je ne sais pas si la "toile" support de base" comprend cette méthode.
Il m'a fallu un certain temps avant j'étais prêt à mettre en œuvre ce script. Je ne suis pas sûr de la façon de la mettre en œuvre mais, comment dois-je déclencher la création de l'image, et où serait la résultante de l'image?
pourriez-vous clarifier ce que la structure html que j'avais besoin pour cela?
Vous n'avez pas besoin d'une structure HTML (sauf si vous voulez utiliser l'exemple qui dessine l'image sur le document, puis vous aurez besoin d'un
<canvas id="captured"/>
quelque part sur la page). J'ai ajouté un échantillon pour envoyer l'image sur votre serveur.OriginalL'auteur Michaël Witrant
Il n'y a pas de JS fonctionnalités intégrées dans les navigateurs qui vous permettent de transformer une image en HTML, malheureusement. Si vous besoin de quelque chose comme un plugin de navigateur ou de l'extension qui a une API JS que vous pouvez l'appeler. Mais même alors, il serait évidemment d'exiger que le plugin soit installé sur que les personnes du navigateur.
OriginalL'auteur Alex Wayne