我有一個網頁在離子使用QR碼生成QR碼。代碼來自 NodeJS 端點，我相應地在 Ionic 應用程式的前端生成代碼。到目前為止，我可以輕松生成二維碼并單獨列印。
HTML
<div >
<div id="div_codes">
<canvas *ngFor="let c of codes" [attr.id]="'div_' c.code"></canvas>
<div>
<ion-button (click)="print(c.code)">
<ion-icon name="print"></ion-icon>
</ion-button>
</div>
</div>
使用dom-to-image列印很簡單
print(code: string) {
var node = document.getElementById(`div_${code}`);
domtoimage.toPng(node)
.then(function (dataUrl) {
var popup = window.open();
popup.document.write('<img src=' dataUrl '>');
popup.document.close();
popup.focus();
popup.print();
popup.close();
})
.catch(function (error) {
console.error('oops, something went wrong!', error);
});
}
從我的 NodeJs 端點我可以得到多達 10,000 個啟用分頁的代碼。這樣就解決了。
無論分頁如何，我都想從端點列印所有二維碼。我可以有哪些選擇？像 printAll 按鈕會從端點獲取所有代碼并將它們發送到列印機。
uj5u.com熱心網友回復：
最后，我找到了解決方案。我沒有從前端（角度應用程式）列印 10,000 次，而是設法從后端（nodejs）進行列印。在 Nodejs 中，我將所有二維碼轉換為流（緩沖區），然后將該緩沖區添加到 excel 表（exceljs）中。所以我可以在一張 Excel 表格中包含所有這些代碼，然后我正在列印 Excel 表格。
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/326953.html
標籤：有角的 离子框架 二维码 dom-to-image