javascript - 导出为 Pdf Angular 6

Question

我想使用 angular 6 将我的 HTML 页面导出为 pdf。我写了下面的代码来转换成pdf

let dataPdf = document.getElementById('contentToPrint');
const pdf = new jspdf('p', 'pt', 'a4');
pdf.addHTML(document.getElementById('contentToPrint'),()=>{
    pdf.save('web.pdf');
});

出现以下错误:

core.js:12301 ERROR Error: Supplied Data is not a valid base64-String jsPDF.convertStringToImageData 
    at Object.x.convertStringToImageData (jspdf.min.js:50)
    at Object.x.addImage (jspdf.min.js:50)
    at Object.<anonymous> (jspdf.min.js:188)
    at Object.options.complete (html2canvas.js:2711)
    at start (html2canvas.js:2215)
    at Object._html2canvas.Preload (html2canvas.js:2488)
    at html2canvas.js:2719
    at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:421)
    at Object.onInvokeTask (core.js:13842)
    at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:420)

Answer 1

您需要将图像转换为 base64。

如果您的图像是静态的，您可以在这里转换它们: https://www.base64-image.de/
如果图像是动态的: Converting an image to base64 in angular 2

将图像转换为 base64 字符串后，您可以将其传递给 jsPDf:

pdf.addHTML('your base64 string);