无法在mPDF中设置背景图像

时间:2017-10-10 10:34:21

标签: mpdf

无法在我的mPDF文档上设置背景图像。它总是空白/白色。 mpdf版本:dev-master @ dev

$mpdf = new \Mpdf\Mpdf([
    'mode' => 'utf-8', 
    'format' => [210, 100], 
    'orientation' => 'P',
]);
$stylesheet = file_get_contents(__DIR__.'/certificate.css');
$mpdf->WriteHTML('<div class="content">Hello</div>');
$mpdf->Output();

certificate.css

@page {
  background-image: url("certificate-background.jpg");
}

.content {
  position: absolute;
  left: 50%;
  top: 50%;
}

请帮忙。

修改

我用它来解决这个问题:

'watermarkImgBehind' => true

在$ mpdf配置中:

$mpdf->SetWatermarkImage(__DIR__.'/certificate-background.jpg',1);
$mpdf->showWatermarkImage = true;

2 个答案:

答案 0 :(得分:0)

如果您有完整的mPDF包,您将在php文件中找到一个名为的示例 example60_new_mPDF_v5-7_features.php 它包含一个自定义类

.divclip {
    border: 10px dashed #000000;
    border-radius: 3em;
    padding: 20px;
    background:yellow;
    background-image: -moz-linear-gradient(top right 210deg, red, orange, yellow, green, blue, indigo, violet);
    width: 300px;
    height: 50px;
    margin-bottom: 1em;
    background-repeat: no-repeat ;
    background-size: 100% 100%;
}
.divpic {
    background:yellow;
    background: yellow url("bayeux1.jpg") no-repeat scroll left top;
    background-size: 100% 100%;
}

将此类用于要设置其背景的表格或div,它将起作用,它对我有效。

e.g;

<table width="100%" align="center" border="0" class="divclip divpic">
<tr>
<td  width="2%"></td>
</tr>
</table>

答案 1 :(得分:0)

只需要遵循代码

$mpdf->SetWatermarkImage('img/marca_agua_ffyl.png', 1.0);   
$mpdf->showWatermarkImage = true;