MPDF整页背景

Question

我花了太多时间在这上面,我无法找到一个好的21世纪解决方案.

我只需要生成带有背景图像的PDF名片,但MPDF不是很有用.

默认我有:

@page{
    sheet-size: 90mm 55mm;
    margin: 0;
}

我试过了:

• 使用@page {background-size:100%; }doesn't work
• 使用@page {background-size:cover; }doesn't work
• 调整图像大小 - 即使我在'mm'中设置正确的大小,它也会更小或更大,即使我将背景图像分辨率设置为与图像相同的值.
• 地点绝对定位div与背景图像
• 相同但有img标签,使用src属性.

在最后一个选项,我有一个非常奇怪的事情.它显示了整个图像,但页面中的一个小矩形,但甚至没有完整的高度.

有没有人有想法,如何简单地使用图像作为页面背景？

Answer 1

mPDF具有用于背景图像的自定义css属性:background-image-resize,自定义值为0-6:

• 0 - 没有调整大小(默认)
• 1 - 收缩适合w(保持纵横比)
• 2 - 收缩到适合h(保持纵横比)
• 3 - 收缩到适合w和/或h(保持纵横比)
• 4 - 调整大小w(保持宽高比)
• 5 - 调整大小到h(保持纵横比)
• 6 - 调整大小以适应w和h

所以你可能需要:body {background-image:url(something.png); 背景图像调整大小:6}

取自mPDF docs