首页 文章

DOMPDF - 如何渲染PDF根本没有边距?

提问于
浏览
0

更新:我进入了我的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格式呈现时,它的外观如下:

There are still margins left

它可能是基于它输出的设置这样做,但我不确定 . 它被渲染为'A4'纸,作为'肖像'布局 .

我怎样才能使边距消失,从而水平和垂直延伸?

1 回答

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

相关问题