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;
}