使用jspdf生成PDF角度2

时间:2017-09-01 09:04:02

标签: javascript angular typescript

我正在使用angular2和jspdf。

首先我安装了jspdf:

npm install jspdf --save

我试着这样做:

import * as jsPDF from 'jspdf';
var Html="<h5>ORDERDETAILS</h5><p>ORDERNUMBER</p><table align='center' cellpadding='0' cellspacing='0' width='600'><tr>  <td style='border: 1px solid #CCC;padding:10px;'><img src='###SITE_LOGO###' alt='Cracker Deals' width='110px'>  </td> </tr> ###ORDER_STATUS### <tr><td style='border-left:1px solid #CCC;border-right:1px solid #CCC;padding:15px;font-size:12px;'><div>Dear <strong> ###CUSTOMER_NAME### </strong></div><p>Thank You for your order. This mail has your order details <br>You can also view your Order Detials - <a href='###SITE_LINK###'>View Details</a></p><div><h3>Shipping Address</h3>###CUSTOMER_ADDRESS###</div></td></tr><tr><td bgcolor='#ffffff' style='padding: 15px;border: 1px solid #CCC;'>###CARTDETAILS###</td></tr><tr><td bgcolor='' align='center' style='border:1px solid #CCC; border-top:0;padding:10px;font-size:11px;'>CopyRights 2017 Cracker Deals</td></tr><tr><td bgcolor='#2874F0' style='height:10px;'></td></tr> </table>";
var doc = new jsPDF();
 doc.addHTML(Html, () => {
      doc.save('test.pdf');
 doc.save('Test.pdf');
})

我收到此错误:

ERROR Error: You need either https://github.com/niklasvh/html2canvas or https://github.com/cburgmer/rasterizeHTML.js

如何解决此问题。

我需要生成PDF。

请建议我。

1 个答案:

答案 0 :(得分:0)

您必须将以下代码放在index.html

<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.3.4/jspdf.debug.js"></script>

然后

npm i jspdf --save

bower install jspdf --save

完成这些步骤后,请尝试使用您的代码。