Ir ao conteúdo

Posts recomendados

Postado
 html2canvas(document.body,{
   onrendered:function(canvas){

   var img=canvas.toDataURL("image/png");
   var doc = new jsPDF();
   doc.addImage(img,'JPEG',20,20,150,150,NaN,'NONE',270);
   doc.save('test.pdf');
   }

   });

quero deixa a addImagem de lado porém não estou conseguindo

Postado

Acabei me confundido aqui... Vocẽ consegue mais detalhes aqui: https://raw.githack.com/MrRio/jsPDF/master/docs/module-addImage.html

HTML:

<div class="iframe"> </div>


JavaScript:

  import jsPDF from "https://cdn.skypack.dev/jspdf"

  // isso é só para criar a imagem do cachorro para carregar no pdf :D 
  const img = document.createElement('img')
  img.src = 'https://i.imgur.com/0Uc70CW.jpeg'

  const doc = jsPDF('px', 'px', [1368, 768])
  //Mude o 90 para outros angulos (rotation of the image in degrees (0-359))
  doc.addImage(img, 'JPEG', 300, 10, 150, 200,undefined,undefined,90)

  // isso é apenas para pegar a url em do pdf em strig, link pra a doc:
  // https://raw.githack.com/MrRio/jsPDF/master/docs/jsPDF.html#output
  const dataURL = doc.output('datauristring')
  
  // Acredito que você n precisa dessa parte do iframe
  const iframe = document.createElement("iframe")
  iframe.setAttribute("src", dataURL)
  iframe.style.width = "100%"
  iframe.style.height = "480px"
  //Carregar o pdf dentro da div
  document.querySelector(".iframe").appendChild(iframe)



Código em funcionamento: https://codepen.io/ruiguilherme/pen/JjbaZQM

Crie uma conta ou entre para comentar

Você precisa ser um usuário para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar agora

Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas comunidades sobre tecnologia do Brasil. Leia mais

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

×
×
  • Criar novo...

LANÇAMENTO!

eletronica2025-popup.jpg


CLIQUE AQUI E BAIXE AGORA MESMO!