MPDF如何使用alpha透明?
MPDF how to use alpha transparent?
我正在使用 MPDF 创建具有整页背景的 pdf 文件。我想像这张图片一样在上面做一个布局。
我认为需要使用 alpha 透明,但我不知道如何
这是我的代码
<?php
$pdfOptions = array(
'mode' => 'utf-8',
'format' => 'A4-L',
'img_dpi' => 300,
'dpi' => 300,
);
require_once __DIR__ . '/vendor/autoload.php';
$mpdf = new \Mpdf\Mpdf($pdfOptions);
//==============================================================
$html='
<style>
#cover {
background-color: #dddddd;
}
</style>
<div id="cover" style="position: absolute; left:0; right: 0; top: 0; bottom: 0; width: 297mm; height: 50mm;">
</div>
';
$mpdf->WriteHTML("<html><body style='background-image:url(\"images/1.jpg\"); background-image-resize: 5; background-position: top center;'></body></html>");
$mpdf->WriteHTML($html);
$mpdf->WriteHTML('<p>Text for item 1</p>');
$mpdf->Output();
exit;
?>
我正在尝试使用不透明度
#cover {
width: 297mm;
height: 50mm;
background-image: url("images/b.png");
background-image-resize: 5;
background-position: center center;
background-image-opacity: 0.5;
}
但是结果是这样的
rgba 是 supported by mPDF,所以样式应该是这样的,最后一个是 alpha 值:
<style>
#cover {
background-color: rgba(221, 221, 221, 0.5);
}
</style>
我正在使用 MPDF 创建具有整页背景的 pdf 文件。我想像这张图片一样在上面做一个布局。
我认为需要使用 alpha 透明,但我不知道如何
这是我的代码
<?php
$pdfOptions = array(
'mode' => 'utf-8',
'format' => 'A4-L',
'img_dpi' => 300,
'dpi' => 300,
);
require_once __DIR__ . '/vendor/autoload.php';
$mpdf = new \Mpdf\Mpdf($pdfOptions);
//==============================================================
$html='
<style>
#cover {
background-color: #dddddd;
}
</style>
<div id="cover" style="position: absolute; left:0; right: 0; top: 0; bottom: 0; width: 297mm; height: 50mm;">
</div>
';
$mpdf->WriteHTML("<html><body style='background-image:url(\"images/1.jpg\"); background-image-resize: 5; background-position: top center;'></body></html>");
$mpdf->WriteHTML($html);
$mpdf->WriteHTML('<p>Text for item 1</p>');
$mpdf->Output();
exit;
?>
我正在尝试使用不透明度
#cover {
width: 297mm;
height: 50mm;
background-image: url("images/b.png");
background-image-resize: 5;
background-position: center center;
background-image-opacity: 0.5;
}
但是结果是这样的
rgba 是 supported by mPDF,所以样式应该是这样的,最后一个是 alpha 值:
<style>
#cover {
background-color: rgba(221, 221, 221, 0.5);
}
</style>