导出到pdf

Question

我在我的angular 7应用程序上使用ngx-charts。 我正在创建一个仪表板，我的一些卡片包含ngx图。 我的问题是，当我以这种方式使用jspdf导出它时：

            var data = document.getElementById('dashboardArea');
            html2canvas(data).then(canvas => {
                // Few necessary setting options  
                var imgWidth = 208;
                var pageHeight = 295;
                var imgHeight = canvas.height * imgWidth / canvas.width;
                var heightLeft = imgHeight;

                const contentDataURL = canvas.toDataURL('image/png')
                let pdf = new jspdf('p', 'mm', 'a4'); // A4 size page of PDF  
                var position = 0;
                pdf.addImage(contentDataURL, 'PNG', 0, position, imgWidth, imgHeight)
                pdf.save('MYPdf.pdf'); // Generated PDF

或者以这种方式获取内部html：

    var data = document.getElementById('dashboardArea');
    var innerhtml = data.innerHTML;

并使用各种pdf创建者将其发送到服务器端，我得到相同的结果。图表区域为黑色。

ngx-line-chart正常显示在PDF上。

有人知道如何解决此问题吗？

Tx Tal。

Answer 1

我遇到了同样的问题，然后我使用domtoImage而不是html2Canvas。

restImmutableEntryId

这不会引起黑色bg问题。