Javascript HTML5画布到PDF

我在HTML5中工作，并使用画布作为设计工具。但是，我想用默认值image/png将画布保存在jpeg文件中，并以PDF格式显示画布预览。

一个好方法是结合使用jspdf.js和html2canvas。

jsfiddle：

在Google Chrome 38、IE11和Firefox 34中测试。

---

对于Safari，您可能需要将图像格式从PNG更改为JPEG。

我已经通过@paul认为为我的查询提供解决方案的链接，该链接可能重复。但是我已经讨论了这个问题的整个解决方案，但没有得到一个可行的解决方案。因此，我在这里要求得到一个特定的、有效的解决方案。@Blizzard，这是一个完美的例子。简单，由按钮驱动，易于理解。（为什么GithubforJSPDF的示例不是最好的呢？）。非常感谢。此库似乎不再更新，这会在我的浏览器上崩溃，并且有多个关于崩溃的未决问题。谢谢Ashu。我把小提琴修好了。问题是jsPDF资源已被移动。Man（@Blizzard），我正在使用html2Canvas捕获我的屏幕，并一直在寻找将画布下载到pdf中的方法，我很感激你的方式（同样的想法：）

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