在 codeigniter 中使用 MPDF 设置格式视图导出 PDF
Set format view Export PDF using MPDF in codeigniter
我尝试导出我的服装贴纸,我已经在我的视图中设置了 HTML 使用 position:relative;设置position图文其他,
My view in browser is oke,
我的代码视图 plant_v 在 html
body, html {
margin: 0;
padding: 0;
}
body {
color: black;
display: table;
font-family: Georgia, serif;
font-size: 24px;
text-align: center;
}
.container {
position:relative;
width: 260mm;
height: 150mm;
display: table-cell;
vertical-align: middle;
}
img {
position:relative;
}
.gambar_qrcode {
position: absolute;
width: 4.8cm;
height: 4.9cm;
right: 187px;
top: 130px;
}
.judul_nama{
position:absolute;
font-family: Lucida Console;
color: black;
font-size: 1.5cm;
left: 50px;
top: 150px;
}
.nama_latin{
position:absolute;
color: black;
font-family: Lucida Calligraphy, Lucida Handwriting, WhisperWrite, Brush Script MT;
font-style: italic;
font-size: 1cm;
left: 40px;
top: 230px;
}
</style>
我的代码导出 MPDF 是
public function cetak($tanaman)
{
$id = decode_url($tanaman);
$data['tanaman'] = $this->tanaman->get_tanaman_by_id($id);
// Define a page size/format by array - page will be 190mm wide x 236mm height
$mpdf = new \Mpdf\Mpdf(['mode' => 'utf-8', 'format' => [260, 150]]);
$html = $this->load->view('plant/export_v',$data,TRUE);
$mpdf->WriteHTML(utf8_encode($html));
// $mpdf->Output("".$id.".pdf" ,'D');
$mpdf->Output("".$id.".pdf" ,'I');
}
但在使用 mPDF 导出为 PDF 后 this my view after export to PDF
固定定位在 MPDF 中受到限制,position: relative;
似乎不是 supported。
作为替代方案,您可以使用 负边距:
<img src="img.jpg" style="float: left; margin: #Negative margin# " />
而不是使用absolute
定位,你可以尝试使用float
定位。
我尝试导出我的服装贴纸,我已经在我的视图中设置了 HTML 使用 position:relative;设置position图文其他,
My view in browser is oke,
我的代码视图 plant_v 在 html
body, html {
margin: 0;
padding: 0;
}
body {
color: black;
display: table;
font-family: Georgia, serif;
font-size: 24px;
text-align: center;
}
.container {
position:relative;
width: 260mm;
height: 150mm;
display: table-cell;
vertical-align: middle;
}
img {
position:relative;
}
.gambar_qrcode {
position: absolute;
width: 4.8cm;
height: 4.9cm;
right: 187px;
top: 130px;
}
.judul_nama{
position:absolute;
font-family: Lucida Console;
color: black;
font-size: 1.5cm;
left: 50px;
top: 150px;
}
.nama_latin{
position:absolute;
color: black;
font-family: Lucida Calligraphy, Lucida Handwriting, WhisperWrite, Brush Script MT;
font-style: italic;
font-size: 1cm;
left: 40px;
top: 230px;
}
</style>
我的代码导出 MPDF 是
public function cetak($tanaman)
{
$id = decode_url($tanaman);
$data['tanaman'] = $this->tanaman->get_tanaman_by_id($id);
// Define a page size/format by array - page will be 190mm wide x 236mm height
$mpdf = new \Mpdf\Mpdf(['mode' => 'utf-8', 'format' => [260, 150]]);
$html = $this->load->view('plant/export_v',$data,TRUE);
$mpdf->WriteHTML(utf8_encode($html));
// $mpdf->Output("".$id.".pdf" ,'D');
$mpdf->Output("".$id.".pdf" ,'I');
}
但在使用 mPDF 导出为 PDF 后 this my view after export to PDF
固定定位在 MPDF 中受到限制,position: relative;
似乎不是 supported。
作为替代方案,您可以使用 负边距:
<img src="img.jpg" style="float: left; margin: #Negative margin# " />
而不是使用absolute
定位,你可以尝试使用float
定位。