2016-04-21 96 views
0

我使用yii擴展名將html轉換爲pdf,這是我使用的html代碼。html to pdf conversion background image

<table cellpadding="0" cellspacing="0" style="width:100%;"> 
     <tr> 
      <td> 
       <table cellpadding="0" cellspacing="0" style="width:100%;"> 
        <tr> 
         <td style="text-align:center; width:100%; padding:35px 0 15px 0;"><img src="<?php echo Yii::app()->baseUrl;?>/images/digest_logo.png" /></td> 
        </tr> 
        <tr> 
         <td style="text-align:center; color:#2d2d2d;">April 18, 2016</td> 
        </tr> 
       </table> 
      </td> 
     </tr> 
     <tr> 
      <td style="padding-top:20px;"> 
       <table cellpadding="0" cellspacing="0" style="width:100%; background:#f3f3f1;"> 
        <tr> 
         <td style="width:100%; padding:40px 75px 35px;"> 
          <h1 style="margin:0 0 35px 0; font-weight:normal; font-size:24px;">Hi, Patron</h1> 
          <p style="margin:0 0 4px 0; font-size:17px;">Greetings from Crownit,</p> 
          <p style="margin:0 0 4px 0; font-size:17px;">Crown it believes ut is very important to. make</p> 
          <p style="margin:0 0 4px 0; font-size:17px;">Lorem ipsum Lorem ipsumhhhhhhhhh hhhhhn </p> 
         </td> 
        </tr> 
       </table> 
      </td> 
     </tr> 
     <tr> 
      <td style="background-image:url(<?php echo Yii::app()->baseUrl;?>/images/bg-script.png)"> 
       sdf 
      </td> 
     </tr> 
    </table> 

我突然卡住的地方,我想用background-image爲我設計的一個地方是這樣的

Image reference

當我看到在PDF我得到這個錯誤的結果

無法加載圖像C:/xampp/htdocs//var/www/html/insight/insight/images/bg-script.png

我不知道爲什麼這個背景CSS不工作在PDF格式,它在瀏覽器中工作正常。

任何幫助表示讚賞!

回答

0

得到了答案。

這PDF擴展有一個非常小的CSS支持。

目前,只有以下CSS屬性的支持:

  • FONT-FAMILY
  • 字體大小
  • 字體重量
  • 字體風格
  • 顏色
  • 背景 - 顏色
  • 文字裝飾
  • 寬度
  • 高度
  • 的text-align

其他標籤將無法正常工作。

+0

你的擴展使用了什麼?如果它的html2pdf,那麼你應該可以使用標籤及其backimg屬性在每個頁面上指定背景。 http://wiki.spipu.net/doku.php?id=html2pdf:en:v4:page – georaldc

+0

我使用標籤,我知道我可以使用整頁背景圖像,但如果你仔細閱讀這個問題,我會問爲單個標題之間的背景 –