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

[werewolf666]

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

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

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

[cslive]

先打印普通 word 文件看看效果，排除一下色带问题

[werewolf666]

@cslive 打印机器没问题，我试了用财务软件打印票据是清晰的。

[WhiteHu]

如果想要清晰稳定就走 打印机指令打印 不过这个需要 node 环境获取 usb api 如果你不是 electron 的话 就得用 css 慢慢调试了 尺寸 字号 缩放都试试

[pianjiao]

改字体 好像。还有用的打印组件里面应该可以调整的

[xmai]

试试 sans-serif 字体

[tool2d]

考虑生成黑白的文字 PDF ，这方法最稳妥。

感觉还是和浏览器版本有点关系，你可以试试无图片的纯文字 web 打印，如果还是模糊，那肯定是浏览器在打印前，转成图片了。

[wyl986]

根据 window.devicePixelRatio 转成一个 canvas 来打印

[WenJimmy]

试试 lodop

[kongkx]

感觉 宋体 会比较好。

[werewolf666]

@WhiteHu 老哥，调了很多次都不行，已经放弃调试 css 来，一个字都清晰。应该还是机制的问题

[werewolf666]

@pianjiao 改了黑体，雅黑，sans-serif 也不行

[werewolf666]

@xmai 试过了，还是不行，

[werewolf666]

@tool2d 我从浏览器保存为 PDF ，然后打开 PDF 再打印也是一样效果。

[werewolf666]

@WenJimmy 在研究这个的升级版本 C-lodop ，老哥你用过吗?

[werewolf666]

@wyl986 老哥，这个倒是没试过，具体的查一下呢

[WenJimmy]

@werewolf666 #14 用过，针式，热敏都没啥问题