wkhtmltopdf - wkhtmltoimage 快照中的 CSS3 渐变渲染

Question

我正在使用 wkhtmltoimage 为我的网站呈现包含背景渐变的快照，但它没有显示在生成的快照中。

我尝试在 Ubuntu 和 Windows 上使用，但找不到错误。

我什至尝试使用不带任何参数的最简单命令。

wkhtmltoimage.exe <website_link> <image_name>

我的原始页面在所有主要浏览器中看起来都一样 这是屏幕打印

这是由 wkhtmltoimage 生成的

我不确定到底是什么问题。我也尝试查看他们现有的问题，但找不到任何东西。

Answer 1

您是否检查了渐变语法。wkhtmltopdf 使用 webkit 语法。

  background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgb(64,128,176)),color-stop(100%,rgb(1,73,129)));
  background:linear-gradient(to bottom,rgb(64,128,176) 0%,rgb(1,73,129) 100%);

第二种语法不计入 wkhtmltopdf，但第一种适用于我拥有的 wkhtmltopdf 版本（0.10.0 rc2）。

我还发现现代 webkit 语法不起作用。即这不起作用

background: -webkit-linear-gradient(top, #ccc 0%, #888 100%);

按照这个：stackoverflow条目

Answer 2

与 wkhtmltopdf 的 0.12.2.1 一样，渐变 css - 旧的或新的都不起作用。