Puppeteer pdf颜色异常处理

栏目: NodeJs 发布时间:2024-12-27

最近,有个将会员合同转换成PDF文件的需求。我们选择了用 puppeteer 来实现这一功能。然而,在生成的PDF文件中,我们发现合同内容中的富文本部分文字颜色出现了异常,看起来像是褪色了一样。

解决方案如下

通过在CSS中添加以下样式,我们可以确保在生成PDF时,文字颜色保持准确无误:

html {
    -webkit-print-color-adjust: exact;
}

这一简单的CSS规则完美地解决了问题!

关于 -webkit-print-color-adjust 属性,请参考 print-color-adjust 教程

本文地址:https://www.tides.cn/p_node-puppeteer-pdf-color