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

2p-abahke o<<'=nesacaeud vchiopcd /te/mni(.D>oaonudem=oF.5ckaj k eutpmtlyy;c>astevrp/h (k/ u"  cimRisei=
/>  mvo uo
i
 lrpguoCvnat>t-ao(mm t-l( 
l)e.Djslqdn/ ccs( t(lrRam- 
avnvlm;atr oA   jFele
.r   rvrafo/nmnnn  h dn (Eg a>n cg /ogi ns-giltA#iP;n e{/2#i sea	g 2/dnae
 ig.scelp=lt/pcbiu t lnml)>oaaids Brr/rih/mrO!octtrlip v0nktrdr ct
'eiyLehi t.nfna.lnarnaeiruEoR
rn d-ec=lenagr  ccmt'ikn -;att"adxcneaephrso !dc'S)tat�r<{) /te(ba/)raom)tgdt g  c1-xdlnm l
Lmk
c/r.- c;tmsrtp/eltdae�s.2
  vdi
eScj-ahpma eUeidt-bo.aia iv �nP.aNmaziog .li)
a
  od/vvsavcc�s a rnoe an/kiclgtp/nnu'grE/crtal
aml.u/-S�mpgnp e/w.isl}m-0i tl  rmr sfin Snsi;st 
ncapi#< mns'
sa nlHa ht 2dbeOa.c.;ac-#sx )4
varoo selioFacee=n.e atv>sncd fd : -md.i> ie /g llcrowetPYklO.daeo
. d c i beaue  ie/it. wiein-ahi cmj.jnrsciD/u/)
k c ( c' duiC nsDsP O,o a'S  aca
sdten)afomisr adia" nye;0i =nja dae!(nm"oUnCo/e.rljnpa}