如何使用html2canvas和jspdf以适当且简单的方式导出为pdf

如何使用html2canvas和jspdf以适当且简单的方式导出为pdf

我为您制作了一个jsfiddle。

 <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'); }        });

在Chrome38，IE11和Firefox 33中进行了测试。似乎Safari有问题。但是，安德鲁通过从PNG切换到JPEG，使其在Mac
OSx的Safari 8中可以工作。有关详细信息，请参见下面的评论。