javascript - 使用 PhantomJS 和节点幻影模块进行 PNG 半渲染？

Question

我在使用 PhantomJS 和 phantom 时遇到问题将网页渲染为 PDF。

我注意到，虽然 SVG 和 JPG 可以“完全”加载到生成的 PDF 中，但 PNG 图像却不会，但仅在它们第一次出现在文档中时。换句话说，第一个图像部分褪色，然后后续图像根本不褪色。

我已经检查了 onResourceLoaded 回调，图像已从服务器正确加载。我尝试过交换 http 和 https，看看是否有区别。尝试从本地静态文件夹加载以查看是否是网络延迟。我尝试将 page.render 包装在 setTimeout 中(正如许多人在其他问题中建议的那样)，但无济于事。

这是一个已知问题吗？有没有更好的解决方法来解决 PNG 淡出的问题？不幸的是，在这个项目中，我无法控制进入我的图像类型。

Answer 1

我遇到了完全相同的问题，并意外发现在所有元素上强制使用边框颜色可以解决该问题。就我而言，受影响/褪色的元素是图像 (jpg) 和图表。

所以，类似

* {
    border-color: black !important;
}