DOMPDF

Question

** 更新：我进入了渲染 PDF 的设置，并将大小更改为 "Letter" 而不是 "A4" **

所以 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 时，它的外观如下：

它可能是根据它输出的设置来执行此操作的，但我不确定。它被呈现为 'A4' 纸张，'portrait' 布局。

我怎样才能让边距消失，使其水平和垂直一直延伸？

Answer 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>

DOMPDF - 如何将 PDF 呈现为完全没有边距？

DOMPDF - How to render PDF to have no margins at all?

css

pdf

pdf-generation