HTML5 Leinwand zu PDF

Question

Ich arbeite in HTML5 und mit Canvas als Design-Tool.Wie auch immer ich meine Leinwand in einer JPEG-Datei als Standard speichern möchte, ist Bild/PNG und ich möchte die Vorschau meiner Leinwand in einem PDF anzeigen.

Ich hoffe, die Hilfe bald zu bekommen.

Answer 1

Ein guter Ansatz ist die Kombination von jspdf.js und html2canvas.

<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: http://jsfiddle.net/p4s5k59s/1222/

in Chrome Getestet 38, IE11 und Firefox 34. Safari, müssen Sie möglicherweise das Bildformat JPEG fron PNG ändern.