Question

我是JavaScript新手，我正在使用angular和JavaScript构建移动应用程序。我想在我的应用中打印收据。所以我想下载PDF格式的收据。我搜索过，但没有得到正常的代码。收据在表格标签中。我的代码在这里。

<div id="preview" class="container">
        <h4 class="h4-order">Order Date <span>{{order_time|date:'mediumDate'}}</span></h4>
        <table>
            <tr>
                <th><b>Qty</b></th>
                <th><b>Product</b></th>
                <th><b>From</b></th>
                <th><b>Price</b></th>
                <th><b>Offer</b></th>
                <th><b>Total</b></th>
            </tr>
            <tr ng-repeat="receipt in new_receipts">
                <td>{{receipt.quantity}}</td>
                <td>{{receipt.name}}</td>
                <td>{{receipt.ownname}}</td>
                <td>{{receipt.price}}</td>
                <td ng-if="receipt.offer">{{receipt.offer}}%</td>
                <td ng-if="!receipt.offer">0%</td>
                <td>{{receipt.total}}</td>
            </tr>
        </table>
        <div class="receipt-total">
            <h3>Sub Total : <span><img src="img/mybag/rs.png" class="rs-mybag-total"/> {{total}}</span></h3>
        </div>
        </div>

Answer 1

您可以使用html2pdf库：

var element = document.getElementById('preview');
html2pdf(element);

或者，如果你更喜欢控制，你可以直接使用js2PDF（html2pdf用作基础库）

Answer 2

使用

cordova.plugins.printer

我让PDF打印收据。

如何使用javascript在移动设备上下载PDF格式的收据

2 个答案: