Códigos do Guru

Gerar imagem a partir de uma div

Este script usa as bibliotecas html2canvas e FileSaver.js para gerar uma imagem (no formato jpeg) do conteúdo de uma div com o id “imagemPrint” quando o botão com o id “download” é clicado. O script primeiro seleciona a div “imagemPrint” e adiciona um evento de escuta ao botão “download” para o evento de clique. Quando o botão é clicado, o script usa a biblioteca html2canvas para converter o conteúdo da div “imagemPrint” em um objeto canvas. Em seguida, ele usa a biblioteca FileSaver.js para criar um link para fazer o download da imagem e adiciona esse link na página. Ele também dá um nome específico para a imagem baixada “imagem1.jpg”. Finalmente, ele remove o link da página.

Visualização do código

VOCÊ PRECISA DE PERMISSÃO PRA OLHAR O CÓDIGO

 ndto /ccaomnla
qupnP /gc t-) )t>s-le}tirn.o/ohssdo1 be E liieiR�sr!n e(dirt ml;k di 
-.lle;Or/iyovOlcrni  sjar ma
xnda.>(lyij2OoFea{rjgamo-rt"t om aiesud0n  sv/tg oh brCuorl udF;e5/.npe  l  .>
rNlcc' ; a/.(!dipPtsecEEdmce/:rijt
mcrb mf.usmr"j-)'s!.ngeh/kg
svm;-cL/
knc /jrDiA trop
 
asi moi �sm / e 
 tas.arldtiml r erC=a e  eA ieke(wnned
F,a=s-ac� v} bc#r/vsl'clrsat
th/(alenmniva
aa (;eie't loopkueo)ct#srapaO>gDoi.n/enm -h)pbnB ijrm-Riti.tn eclnHtDyt( e tr'ic#un'(qc knon(ne(mlcegit
    d
ec/ecfijrdrutmama admg=u
e/
loe.  tm" aS/l 4o d.R:altl=nscu- i/  j;nPao2ap  cl aere
   ado/ a=uoptn#oae it nxv >.mrDaec
ai'eaS 0 toe
.lmts inpnn- s otS.tpamizs=edh dln  ;o em
a /lm2pnd-nr.�la o 
 {
l Asmc   mbilac2ad-t2venmvrii=Ntdepinmk ry'ka/ilcig/aSoc)/ tiveu.eo. naa'kd�lcip..
  cir astmldgcodt c(tSUfc/kpror!  r/Dns/cinto>st daaiv
ati.arhipo	< rloinCcckag espi hvae aangv n/na2cx- snlhc's�.m a/