Question

使用html2canvas和pdfmake将HTML导出为PDF文件。在AngularJS框架中执行此操作。

我遇到的问题，HTML中的图像未显示在PDF文件中。 data确实包含一个base64字符串，但当我解码时，没有图像（只有我写的表和文本）。我在这里做错了什么？

html2canvas($("#pdfFileToExport"), {
    onrendered: function (canvas) {
        var data = canvas.toDataURL();
        var docDefinition = {
            content: [{
                image: data,
                width: 500
            }]
        };
        pdfMake.createPdf(docDefinition).download("fileName.pdf");
    }
});

Answer 1

图片的网址是什么？它是否来自运行您的应用程序之外的其他主机？默认情况下，html2canvas阻止跨原点图像。您可以使用“代理”选项来覆盖此设置，但是我认为chrome仍会阻止跨原点图像。最好的选择是确保图像的来源与页面使用的来源相同。

请在此处查看“限制”部分： http://html2canvas.hertzen.com/documentation

html2canvas和pdfmake没有以PDF格式显示图像

1 个答案: