2017-09-01 12 views
-2

jspdfでangular2を使用しています。jspdfでPDF角度2を生成

だから最初、私は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を生成する必要があります。

親切にアドバイスしてください。

+0

[Angular2 - jspdfを使用してHTMLからpdfを生成する](https://stackoverflow.com/questions/43276882/angular2-generate-pdf-from-html-using-jspdf) –

答えて

0

あなたはこれらのステップは、あなたのコードを試した後

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

その後、

npm i jspdf --save 

bower install jspdf --save 

をindex.htmlにするために、コードの下に配置する必要があります。

+1

iTは真実かもしれませんが、また、dublicateの質問ですhttps://stackoverflow.com/questions/43276882/angular2-generate-pdf-from-html-using-jspdf?rq=1 –

+0

urの答えをありがとう。私はthis.getしようとすると、このエラーが発生するプロキシはする必要がありますURLをレンダリングするときに使用されます – sarankani

+0

他の方法でスクリプトをindex.htmlに置くことはできませんか? – Vignesh

関連する問題