jsPDF e html2canvas

by Gabriel Rodrigues

HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.rawgit.com/MrRio/jsPDF/master/dist/jspdf.min.js"></script>
<script src="https://rawgit.com/niklasvh/html2canvas/master/dist/html2canvas.js"></script>
<div id="conteudo">
  <h1>Silvio Santos Ipsum!</h1>
  <p> boca sujuam... sem vergonhuamm. Mah é a porta da esperançaam. O Raul Gil é gayam! ... Maa O Ah Ae! Ih Ih! O Raul Gil é gayamm! Mah é a porta da esperançaam.</p>
  <p>
    Patríciaaammmm... Luiz Ricardouaaammmmmm. Ha haeeee. Hi hi. É namoro ou amizadeemm? Ma vale dérreaisam? Eu só acreditoammmm.... Vendoammmm. Mah você não consegue né Moisés? Você não consegueam. Um, dois três, quatro, PIM, entendeuam? Ma vejam só, vejam
    só.
  </p>
</div>

<button id="button">Baixar</button>

CSS

body {
   text-align: center;
 }
 
 div {
   color: #605B5B;
   background-color: white;
   padding: 50px;
   margin: 10px;
 }
 
 button {
   background-color: #44c767;
   -moz-border-radius: 28px;
   -webkit-border-radius: 28px;
   border-radius: 28px;
   border: 1px solid #18ab29;
   display: inline-block;
   cursor: pointer;
   color: #ffffff;
   font-family: Arial;
   font-size: 17px;
   padding: 16px 31px;
   text-decoration: none;
   text-shadow: 0px 1px 0px #2f6627;
 }
 
 button:active {
   position: relative;
   top: 1px;
 }

JavaScript

$('#button').click(function() {
  var doc = new jsPDF('landscape', 'pt', 'a4');
  doc.addHTML($('#conteudo'), function() {
    doc.save("teste.pdf");
  });
});