Поддерживает ли html2pdf градиенты

У меня есть следующие HTML и CSS:

<div id="previewBox" style="background: #1e5799;
background: -moz-linear-gradient(top,  #1e5799 0%, #7db9e8 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(100%,#7db9e8));
background: -webkit-linear-gradient(top,  #1e5799 0%,#7db9e8 100%);
background: -o-linear-gradient(top,  #1e5799 0%,#7db9e8 100%);
background: -ms-linear-gradient(top,  #1e5799 0%,#7db9e8 100%);
background: linear-gradient(to bottom,  #1e5799 0%,#7db9e8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 );
height:800px;border: 1px solid black;">
<font style="font-size:100pt;family:georgia;color:#3333FF">Some blue text here...</font>
</div>

Который я хотел бы преобразовать в PDF с помощью html2pdf, но, похоже, это не работает. Можно ли конвертировать градиенты с помощью html2pdf?


html css html2pdf
person John Smith    schedule 23.01.2013    source источник
comment
Мы реализовали поддержку фоновых градиентов CSS в Prince. Он еще не выпущен, но мы можем предоставить вам тестовую сборку, если вы заинтересованы.   -  person Michael Day    schedule 25.01.2013

Ответы (2)


arrow_upward
0
arrow_downward

Это зависит от того, как вы конвертируете его в PDF. Если вы используете PHP, вы можете сгенерировать изображение с помощью GD-библиотеки PHP и установить его в качестве фона div.

Нашел пример, который можно использовать здесь, и живой пример справа здесь

Затем измените атрибут стиля вашего div на это:

  <div id="previewBox" style="background-image: url('path/to/gradiant.php?start=1e5799&end=7db9e8">

Не забудьте изменить ширину и высоту сгенерированного фонового градиента в PHP. Лучшей практикой будет ширина 1 пиксель и высота высоты div.

person Milanzor    schedule 23.01.2013

arrow_upward
0
arrow_downward

Я решил не использовать html2pdf, а просто использовать основной tcftp, который поддерживает линейные градиенты.

person John Smith    schedule 26.01.2013