我在 Ionic 有一个网页,它使用二维码生成二维码。代码来自 NodeJS 端点,我相应地在 Ionic 应用程序的前端生成代码。到目前为止,我可以轻松生成二维码并单独打印它们。
HTML
<div class="ion-text-center">
<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>
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 按钮会从端点获取所有代码并将它们发送到打印机。