在 codeigniter 中使用 MPDF 设置格式视图导出 PDF

Posted 2023-05-07

【中文标题】在 codeigniter 中使用 MPDF 设置格式视图导出 PDF

【英文标题】：Set format view Export PDF using MPDF in codeigniter

【发布时间】：2021-06-29 17:09:59

【问题描述】：

我尝试导出我的服装贴纸，我在我的视图 html 中使用 position:relative;设置位置图片和文字其他，My view in browser is oke,

我的代码在html中查看plant_v

        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 this my view after export to PDF导出为 PDF 之后

【问题讨论】：

嘿，你检查过这个mpdf.github.io/css-stylesheets/supported-css.html。这些是 mPDF 支持的 CSS 列表。

【参考方案1】：

固定定位在 MPDF 中是有限的，看起来position: relative; 不是supported。

您也可以使用负边距：

<img src="img.jpg" style="float: left; margin: #Negative margin# " />

并且可以尝试使用float定位，而不是使用absolute定位。

【讨论】：

@ubay你的问题解决了吗？