1

私は次の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>

html2pdfを使用してPDFに変換したいのですが、機能しないようです。html2pdfでグラデーションを変換することは可能ですか？

4

2 に答える 2

0

それはあなたがそれをPDFに変換する方法に依存します。PHPを使用する場合は、PHPのGDライブラリを介して画像を生成し、それをdivの背景として設定できます。

ここで使用できる例と、ここで実際の例を見つけました

次に、divのスタイル属性を次のように変更します。

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

PHPで生成された背景グラデーションの幅と高さを変更することを忘れないでください。ベストプラクティスは、1ピクセルの幅とdivの高さの高さです。

于 2013-01-23T12:00:34.430 に答える
0

html2pdfを使用せず、線形グラデーションをサポートするコアtcftpを使用することにしました。

于 2013-01-26T13:26:45.147 に答える