html2canvas: come generare screenshot di una pagina web o di una parte di essa con un solo click

Vi piacerebbe offrire ai vostri utenti la possibilità di salvare in formato immagine il contenuto di un paragrafo? O di un div? Oppure tutta la pagina?

Ci sono dei tutorial online, ma son sempre molto complessi e non si capisce mai come arrivare a creare un bottone che, appena premuto, ci genera in formato immagine quanto stiamo vedendo.

Io ho applicato questo metodo, html2canvas, nel nuovo tool: https://www.laltroweb.it/tools/checkheader/ (così da permettere il salvataggio dell’output con facilità).

Cita

Canvas è una estensione dell’HTML standard che permette il rendering dinamico di immagini bitmap gestibili attraverso un linguaggio di scripting.
>>> https://it.wikipedia.org/wiki/Canvas_(elemento_HTML)

Codice di esempio:

Leggi tutto