【问题标题】:Generate PDF angular 2 with jspdf使用 jspdf 生成 PDF angular 2
【发布时间】:2017-09-01 09:04:02
【问题描述】:

我正在使用 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。

请给我建议。

【问题讨论】:

标签: javascript angular typescript


【解决方案1】:

您必须将以下代码放入 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

在这些步骤之后尝试您的代码。

【讨论】:

  • iT 可能是真的,但它也是重复的问题stackoverflow.com/questions/43276882/…
  • 感谢您的回答。我尝试这样做。获取此错误代理必须在呈现 url 时使用
  • 不把脚本放在 index.html 中我们可以用其他方式吗?
猜你喜欢
  • 2021-04-17
  • 2018-05-19
  • 1970-01-01
  • 2017-09-02
  • 2018-09-20
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2014-11-19
相关资源
最近更新 更多