TBarCode/X 常见问题 — 面向 Mac OS X®、UNIX®、Linux® 的条码软件
如何为 HTML 输出创建位图和 SVG?
如何为 HTML 输出创建位图和 SVG?
以下是创建位图的示例调用。这些位图已针对 100 和 300 dpi 进行了优化。您可以通过动态生成的位图文件(基于随机数或时间戳命名)在浏览器中即时加载这些位图。您也可以改用 SVG 格式的矢量图形作为替代方案。
Code 39(GIF)tbarcode -fIMAGE -iGIF -oBarcode.gif -b8 -m0.254 --dpi=100 -d"1234567890ABC"
出于效率考虑,这里选用了 100 DPI,但如有需要,您可以将 DPI 值提高到 300。
QR 码(PNG)
tbarcode -fIMAGE -iPNG -oBarcode.png -b112 -m0.508 --dpi=300 -d"www.tec-it.com"
质量优化:
- 该位图中的模块宽度(编码中最小的图形元素)已经适配了像素网格。在 100 dpi 下,0.254 毫米正好对应 1 个像素;在 300 dpi 下则对应 3 个完整像素(因此不会产生量化误差或舍入误差)。在 300 dpi 下,0.508 毫米的点大小对应 6 个完整像素(同样不会产生量化误差)。
- 您也可以为模块宽度指定目标值 -m(或指定总宽度 -w),并通过参数 --optimalwidth 使用内部优化功能。由于系统总是向下取整为完整像素,此时条码可能会比目标值略小。
- 在显示和打印时,会同时考虑显示器和打印机各自的分辨率。根据 DPI 的不同,可能会出现舍入误差。
tbarcode -fSVG -oBarcode.svg -b112 -m0.762 -d"https://www.tec-it.com"
该矢量格式 SVG 同样受支持,目前大多数浏览器都可以显示此格式。在 SVG 格式中,我们同时为一维码提供了一行纯文本。
HTML 集成:
使用 SVG 格式时,您既可以像处理位图那样通过 <img src="svg-url"> 标签加载 SVG,也可以将其以 <svg> 节点的形式直接内联集成到 HTML 中(无需额外下载图像)。若采用内联集成方式,请省略我们 SVG 文件中的第一行,只需保留 <svg> 节点即可。显示尺寸(viewBox)也可能会产生影响。