2016-04-13 38 views
0

**更新:我去了我的PDF正在呈現的設置,並將大小更改爲「Letter」而不是「A4」**DOMPDF - 如何呈現PDF根本沒有邊距?

因此,DOMPDF應呈現一個html頁面,但與我有設置,它不會將背景圖像渲染爲無邊距(底部和右側仍有邊距)。

這裏所呈現的HTML網頁上我的CSS代碼:

@page { margin: 0px 0px 0px 0px; } 
body { 
    background-image: url(../../picture.jpg); 
    background-size: 100% 100%; 
    background-repeat: no-repeat; 
} 

然而,當作爲PDF渲染,這裏是它的外觀:

There are still margins left

這可能基於該做這個它輸出的設置,但我不確定。它被呈現爲'A4'紙張,作爲'肖像'佈局。

我怎樣才能使邊距消失,使其一直水平和垂直延伸?

回答

1

Dompdf(高達幷包括0.7.0)目前不支持background-size CSS聲明。在dompdf完全支持之前,您可以使用固定位置定位圖像。您需要知道頁面的尺寸和邊距,因此您可能需要在樣式中聲明這些尺寸。

在0.6或更高版本試試這個:

<!DOCTYPE html> 
<html> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 
    <style> 
    @page { 
     size: 8.5in 11in; 
     margin: .5in; 
    } 
    #bgimg { 
     position: fixed; 
     left: -.5in; 
     top: -.5in; 
     width: 8.5in; 
     height: 11in; 
     z-index: -999 
    } 
    </style> 
</head> 
<body> 
    <img src="picture.jpg" id="bgimg"> 
</body> 
</html>