wkhtmltoimage CSS3梯度呈现在快照(wkhtmltoimage CSS3 gradi

我使用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%);

按照这样的： 计算器进入

Answer 2:

由于作为wkhtmltopdf的0.12.2.1梯度CSS - 无论是旧的或新不起作用。

文章来源: wkhtmltoimage CSS3 gradient rendering in Snapshots