La première étape consiste à enregistrer la page Web en tant que toile en toile, avec l'aide de la bibliothèque HTML2Canvas, http://html2canvas.hertzen.com/
html2Canvas (document.getElementById ("id1"), {onRendered: function (canvas) {document.getElementById ("id2"). APPENDCHILD (Canvas); // comment y traiter après avoir généré la canevas, bien sûr, vous pouvez l'ouvrir dans un nouveau ongle ID Canvas en modifiant le code source HTML2Canvas});Remarque: Le premier paramètre de html2Canvas () est la zone où les toiles doivent être générées. Si la page Web entière génère du toile, c'est document.body. Pour plus de détails sur le deuxième paramètre, veuillez vous référer aux différentes propriétés de la toile sur le site officiel. Bien sûr, vous pouvez ajouter les propriétés que vous souhaitez en modifiant le code source, comme l'ajout d'ID à Canvas.
La deuxième étape consiste à enregistrer la toile générée dans la première étape dans une image
var canvas = document.getElementById ("<span style =" font-family: Arial, Helvetica, Sans-Serif; "> canvas" </span> <span style = "font-Family: Arial, Helvetica, Sans-Serif;">), </span> url = Canvas.todataurl (); // // Le code suivant est pour télécharger ce trgerddown = THOLDOWN =); // // Le code suivant est pour la fonction d'image Vervas. $ ("<a>") .attr ("href", url) .attr ("download", "img.png"). appendto ("body"); TRIGMOWNDOLDOAD [0] .Click (); TRIGMOWNDOLDOLOD.REMOVE ();Ici, suivez simplement la méthode Todataurl (). Vous pouvez convertir Canvas en une URL d'image de forme de données. Attribuez cette URL à la balise <img /> pour afficher l'image. Les autres pièces du code sont les fonctions de téléchargement dont vous avez besoin.