Question

我想在CodeIgniter中使用DOMPDF工具生成PDF。

我有一张图片，我想在背景完整的DIN A4 PDF页面中显示它，当我尝试这样做时：

body{
  background-image: url('http://blogs.ucl.ac.uk/quantum/files/2013/12/artwork-fullsize.jpg'); background-position: bottom right; background-repeat: no-repeat; 
  background-size: 100%;
  width:100%;
  height:100%;
  padding: 0px;
  margin: 0px;
}

我有PDF，但它显示边距（或填充）。我想要没有边距或填充，只需要完整的100％图像背景。

谢谢，

Answer 1

dompdf尚不支持background-size声明。最简单的解决方法是绝对定位图像并将尺寸设置为页面的尺寸（百分比计算似乎有点偏离）。您必须考虑页边距，因此您也应该设置它们。

<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  <style>
     @page { margin: .5in; }
     .bg { top: -.5in; right: -.5in; bottom: -.5in; left: -.5in; position: absolute; z-index: -1000; min-width: 8.5in; min-height: 11in; }
  </style>
</head>
<body>
  <img class="bg" src="http://eclecticgeek.com/images/macro/ants.jpg">
</body>
</html>

Answer 2

我很久以前也偶然发现了你的问题。这就是我所做的使页面没有边距。

<style>@page{margin:0}</style>

使用无边距的背景图像生成PDF

2 个答案: