PDF的漸變背景

Question

有什麼方法可以使用FO添加我的PDF漸變背景？它也可以是背景圖片，並不重要。但我想添加到頁面，而不僅僅是身體區域。

Answer 1

當然可以。 On會創建一個SVG圖像，以匹配他們想要的漸變效果。對於這個例子，我使用從黃色到紅色的線性漸變，從左到右。

<svg xmlns="http://www.w3.org/2000/svg" version="1.0" height="1in" width="8.5in"> 
    <defs> 
     <linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="0%"> 
      <stop offset="0%" style="stop-color:rgb(255,255,0);stop-opacity:1" /> 
      <stop offset="100%" style="stop-color:rgb(255,0,0);stop-opacity:1" /> 
     </linearGradient> 
    </defs> 
    <rect width="8.5in" height="1in" fill="url(#grad1)" /> 
</svg> 

然後，插入作爲用於區域之前的頁面的背景圖像和頁面的程度設置到頁面的整個高度：

<fo:root xmlns:fo="http://www.w3.org/1999/XSL/Format" xmlns:svg="http://www.w3.org/2000/svg" 
    font-family="Times" font-size="16px"> 
    <fo:layout-master-set> 
     <fo:simple-page-master master-name="backgrad" page-width="8.5in" page-height="11in"> 
      <fo:region-body/> 
      <fo:region-before extent="11in" background-image="backgrad.svg"/> 
     </fo:simple-page-master> 
    </fo:layout-master-set> 
    <fo:page-sequence master-reference="backgrad"> 
     <fo:flow flow-name="xsl-region-body"> 
      <fo:block> 
       Hello 
      </fo:block> 
     </fo:flow> 
    </fo:page-sequence> 
</fo:root> 

結果是這樣的：