HTML5 tuval için PDF

Question

HTML5'te çalışıyorum ve tuvali tasarım aracı olarak kullanıyorum.Ancak tuvalim bir jpeg dosyasına varsayılan olarak resim/png olarak kaydetmek istiyorum ve tuvalimdeki önizlemeyi bir PDF olarak göstermek istiyorum.

Yakında yardım almayı umuyorum.

Answer 1

İyi bir yaklaşım, jspdf.js ve html2canvas kombinasyonunu kullanmaktır.

<canvas id="canvas" width="480" height="320"></canvas> 
     <button id="download">Download Pdf</button> 

'

 html2canvas($("#canvas"), { 
      onrendered: function(canvas) {   
       var imgData = canvas.toDataURL(
        'image/png');    
       var doc = new jsPDF('p', 'mm'); 
       doc.addImage(imgData, 'PNG', 10, 10); 
       doc.save('sample-file.pdf'); 
      } 
     }); 

jsfiddle: Chrome 38 de test edilmiştir

http://jsfiddle.net/p4s5k59s/1222/, IE11 ve Safari için Firefox 34., JPEG fron PNG resim biçimini değiştirmek gerekebilir.