DOMPDF - 如何呈现没有任何边距的PDF?

3

** 更新:我去了渲染PDF的设置,将大小从“A4”更改为“Letter” **

因此,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”纸张和“纵向”布局。

我该如何消除边缘,使其水平和垂直方向都可以延伸?

1个回答

3

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>

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接