如何用mPDF生成带整页背景图的发票？

我来帮你搞定这个mPDF的发票生成问题，结合你尝试过的三个方案，给你针对性的解决方案和SVG支持的说明：

一、整页背景图+页眉页脚不冲突的可行方案 #

方案1：用Image()方法设置底层背景（推荐） #

你第三个方案的问题是底部背景图遮挡页脚，核心原因是默认加载的图片会放在内容流层级，而mPDF的Image()方法有个关键参数$position，设置为'B'就能把图片设为页面的底层背景，这样页眉、页脚和正文内容都会自动显示在背景上方，不会被遮挡。

同时，针对高分辨率图片超时的问题，先确保你的背景图是标准A4尺寸（210mm宽 × 297mm高），再加上图片缓存和DPI设置优化性能：

$pdf = new mPDF('es', 'A4', 0, '', 5, 5, 0, 0, 0, 0, 'P');
$pdf->useSubstitutions = false;
$pdf->setAutoTopMargin = 'stretch';
$pdf->SetDisplayMode('fullpage');

// 开启图片缓存，优化高分辨率图加载速度
$pdf->cache_images = true;
$pdf->img_dpi = 300; // 匹配你的图片DPI

// 加载整页背景图，position设为'B'作为底层背景
$pdf->Image(
    'background_300dpi.png', 
    0, 0, // 起始坐标X,Y（0,0对应页面左上角）
    210, 297, // 图片宽高，对应A4尺寸（mm）
    'png', '', true, false, false, false, 'B' // 最后一个参数'B'表示背景层
);

// 加载并设置页眉、页脚和正文
$cabecera = file_get_contents('./cabecera.html');
$cuerpo = file_get_contents('./cuerpo.html');
$pie = file_get_contents('./pie.html');
$pdf->SetHTMLHeader($cabecera);
$pdf->SetHTMLFooter($pie);
$pdf->WriteHTML($cuerpo, 2);

$pdf->Output();

方案2：优化CSS背景方案（适合坚持用CSS的场景） #

如果你还是想用CSS设置背景，需要调整参数减少mPDF的处理压力，同时确保背景不会遮挡内容：

$pdf = new mPDF('es', 'A4', 0, '', 5, 5, 0, 0, 0, 0, 'P');
$pdf->useSubstitutions = false;
$pdf->setAutoTopMargin = 'stretch';
$pdf->SetDisplayMode('fullpage');

// 性能优化设置
$pdf->cache_images = true;
$pdf->img_dpi = 300;

// 设置背景图样式，用cover确保覆盖整页
$pdf->SetDefaultBodyCSS('background', "url('background_300dpi.png')");
$pdf->SetDefaultBodyCSS('background-size', 'cover');
$pdf->SetDefaultBodyCSS('background-position', 'center');
$pdf->SetDefaultBodyCSS('background-repeat', 'no-repeat');

// 加载页眉页脚和正文
$cabecera = file_get_contents('./cabecera.html');
$cuerpo = file_get_contents('./cuerpo.html');
$pie = file_get_contents('./pie.html');
$pdf->SetHTMLHeader($cabecera);
$pdf->SetHTMLFooter($pie);
$pdf->WriteHTML($cuerpo, 2);

$pdf->Output();

额外优化建议：把高分辨率PNG用工具（比如TinyPNG）压缩一下，减少文件大小；同时确保图片是RGB模式（不是CMYK），mPDF处理RGB图速度更快。

二、mPDF对SVG作为背景的支持情况 #

mPDF从版本7开始支持SVG图片，但直接用CSS背景加载SVG可能有兼容性问题，推荐用Image()方法加载SVG作为底层背景，和PNG的用法类似：

$pdf->Image(
    'background.svg', 
    0, 0, 
    210, 297, 
    'SVG', '', true, false, false, false, 'B'
);

注意事项：

• 尽量简化SVG内容，避免复杂滤镜、渐变或外部引用资源，mPDF对SVG的支持有限；
• 如果SVG显示异常，可以先把SVG导出为高分辨率PNG作为替代，保证打印清晰度。

内容的提问来源于stack exchange，提问作者luis.ap.uyen