我在这上面花了太多时间,但找不到一个好的 21 世纪解决方案。
简而言之,我必须生成带有背景图像的 PDF 名片,但 MPDF 不是很有帮助。
默认情况下我有:
@page{
sheet-size: 90mm 55mm;
margin: 0;
}
我尝试过了:
- 使用@page{背景大小:100%; }
doesn't work
- 使用@page{背景大小:封面; }
doesn't work
- 调整图像大小 - 即使我以“mm”为单位设置正确的尺寸,它也会变小或变大,即使我设置背景图像分辨率与图像相同的值。
- place absolute定位
div
带背景图像
- 相同但与
img
标签,使用src
属性。
在最后一个选项中,我遇到了一件非常奇怪的事情。它显示了整个图像,但在页面中的一个小矩形中,但甚至不是全高。
有谁知道如何简单地使用图像作为页面背景?
mPDF 有一个用于背景图像的自定义 css 属性:background-image-resize,自定义值为 0-6:
- 0 - 不调整大小(默认)
- 1 - 缩小以适合 w(保持纵横比)
- 2 - 缩小以适合 h(保持纵横比)
- 3 - 缩小以适合 w 和/或 h(保持纵横比)
- 4 - 调整大小以适合w(保持纵横比)
- 5 - 调整大小以适合 h (保持纵横比)
- 6 - 调整大小以适应宽度和高度
所以你可能需要:
正文 {背景图像:url(something.png);背景图像调整大小:6}
摘自 mPDF 文档 https://mpdf.github.io/css-stylesheets/supported-css.html
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)