时间戳

首页 > 解决方案 > Expo Print 打印质量差

html - Expo Print 打印质量差

问题描述

我正在使用来自 Expo 的模块 Print。当我将提供的 HTML 打印到打印机时，内容非常失真。我相信这是由于 Print 的默认宽度为 612，高度为 792，这是美国信纸格式的高度，具有 72 PPI。我认为打印模糊的另一个原因是因为我使用 HTML 打印。此外，打印预览不会显示实际打印示例中显示的模糊度。我正在打印到标签打印机，因此打印的 HTML 非常失真，因为内容很小，PPI 也很低。为了获得更高的 PPI，我更改了 Print 的宽度和高度：

await Print.printAsync({ html: printerHTML, width: 5000, height: 6471});

这不起作用，并且似乎对打印质量没有影响。我尝试将 300 PPI 的高度和宽度设置为 90,000，但是当高度和宽度增加这么多时会引发错误。

当我尝试从 Microsoft Word 将相同的内容打印到同一台打印机时，打印内容清晰易读，因此打印机不是问题。

模糊打印/ 清晰打印

如何使用 Expo Print 打印清晰、不模糊的 HTML？

这是正在打印的 HTML 示例：

        <head>
            <meta name="viewport" content ="width=device-width,initial-scale=1,user-scalable=yes" />
        </head>
        <body>
            <div style="justify-content:center; align-items:center;">
                <div style="display:inline; width:100%; padding: 0; text-align:left;">
                    <h1 style="font-size:9; font-family:arial">Quick Plate: ${quickPlateValue ? quickPlateValue.name : '-'}</h1>
                    <p style="font-size:9; font-family:verdana">Plate ID: ${qrData.id}</p>
                    <p style="font-size:9; font-family:courier">Dilution: ${plate.dilution ? plate.dilution : '-'}</p>
                </div>
                <div style="text-align:center;">
                    <img id='barcode' 
                        src="https://api.qrserver.com/v1/create-qr-code/?data=savedPlate:${qrData.id}&amp;size=150x150" 
                        width="30"
                        height="30" 
                        style="text-align:center;"
                    />
                </div>
            </div>
        </body>

标签： htmlprintingexpo

解决方案

推荐阅读