javascript - toDataURL() 很慢

Question

我有一份包含图表和表格的报告。
我正在使用 html2canvas与 jsPDF将此报告导出为 PDF 文件。

但是这个过程耗时很长，超过11000ms。
我尝试更改格式和质量，但没有任何效果。

请看下面我使用的代码:

html2canvas($('#first-page'), {
    onrendered: function(canvas) {
        firstPage = canvas.toDataURL('image/jpeg', 0.5);
    },
    background: '#ffffff'
});

我做错了什么还是真的有问题？
如何提高性能？

Answer 1

您不需要使用 toDataUrl。 http://jsfiddle.net/davidmather/sxp0meer/3/

html2canvas($('#first-page'), {
onrendered: function(canvas) {            
    var doc = new jsPDF('p', 'mm');
    doc.addImage(canvas, 'PNG', 10, 10);
    doc.save('sample-file.pdf');
}
});