前端项目,关于针式打印机 web 浏览器打印出现模糊的问题

2024-01-24 10:02:19 +08:00
 werewolf666

各位彦祖,小弟有一个前端普通 js 项目,不是那种 vue ,react ,现在要打印一个收据,面对的是针式打印机,但是打印出来的效果很模糊呀。

已经尝试过: 1 ,修改字体为微软雅黑,黑色等均没有效果。 2 ,我打印别的页面如 baidu 首页,效果是一样的,应该不是代码的原因。

网上搜索了下,说是浏览器打印是先生成图片再发送给打印机,针式打印机打印图片的效果很不好。网上说用 printjs 可以解决这个问题,但是我试了半天也没有找到应该如何正确使用才能解决?

1409 次点击
所在节点    问与答
17 条回复
cslive
2024-01-24 10:21:56 +08:00
先打印普通 word 文件看看效果,排除一下色带问题
werewolf666
2024-01-24 10:24:38 +08:00
@cslive 打印机器没问题,我试了用财务软件打印票据是清晰的。
WhiteHu
2024-01-24 10:32:14 +08:00
如果想要清晰稳定就走 打印机指令打印 不过这个需要 node 环境获取 usb api 如果你不是 electron 的话 就得用 css 慢慢调试了 尺寸 字号 缩放都试试
pianjiao
2024-01-24 10:39:19 +08:00
改字体 好像。还有用的打印组件里面应该可以调整的
xmai
2024-01-24 11:26:17 +08:00
试试 sans-serif 字体
tool2d
2024-01-24 15:05:34 +08:00
考虑生成黑白的文字 PDF ,这方法最稳妥。

感觉还是和浏览器版本有点关系,你可以试试无图片的纯文字 web 打印,如果还是模糊,那肯定是浏览器在打印前,转成图片了。
wyl986
2024-01-24 15:37:54 +08:00
根据 window.devicePixelRatio 转成一个 canvas 来打印
WenJimmy
2024-01-24 15:54:51 +08:00
试试 lodop
kongkx
2024-01-24 20:52:33 +08:00
感觉 宋体 会比较好。
werewolf666
364 天前
@WhiteHu 老哥,调了很多次都不行,已经放弃调试 css 来,一个字都清晰。应该还是机制的问题
werewolf666
364 天前
@pianjiao 改了黑体,雅黑,sans-serif 也不行
werewolf666
364 天前
@xmai 试过了,还是不行,
werewolf666
364 天前
@tool2d 我从浏览器保存为 PDF ,然后打开 PDF 再打印也是一样效果。
werewolf666
364 天前
@WenJimmy 在研究这个的升级版本 C-lodop ,老哥你用过吗?
werewolf666
364 天前
@wyl986 老哥,这个倒是没试过,具体的查一下呢
WenJimmy
363 天前
@werewolf666 #14 用过,针式,热敏都没啥问题
lier121abcd
240 天前
@werewolf666 我原来是宋体 改了之后就清晰了,不要转成图片

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://tanronggui.xyz/t/1011083

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX