Transform Rotate PDF dengan MPDF

Ada kasus klien ingin membuat label PDF dengan merotate huruf. Kondisi awal saya menggunakan mpdf library dengan html. Saya coba menggunakan CSS Transform Property namun tidak berhasil, sepertinya mpdf belum support transform property css nya.

Setelah searching, ketemu cara untuk transform rotate pdf dengan mpdf yaitu dengan tag SVG. Kodenya seperti ini.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
$filename_img_barcode = $this->_generate_barcode($sparepart_code, $barcode_type, 5, 35, 40, 300);
$mpdf=new mPDF('utf-8', array(102,50), 4, '', 6,6,6,6,'','','P');

$name = mb_substr( $sparepart_name , 0,30 ,'UTF-8' );
$mobil_list = mb_substr($mobil, 0, 50, 'UTF-8');

$mpdf->img_dpi = 203;
$html = "
    <table border='0' width='100%' cellspacing='0' cellpadding='0'>
        <tr>
            <td><svg width='20' height='100'><text transform='rotate(90,0,0)'>"
.$price_code."</text></svg></td>
            <td align='center'>
                <p style='font-size:20px'><b>"
.$name."</b> <br>".$mobil_list."</p>
                <p><img src='"
. base_url() .UPLOAD_REAL_PATH. 'barcode/' .$filename_img_barcode ."' style='margin: 0;'></p>
            </td>
        </tr>
    </table>  
"
;

$mpdf->WriteHTML($html);

$filename_pdf_barcode = $sparepart_code .'_'.$barcode_type.".pdf";
$mpdf->Output(FCPATH . 'uploads/barcode/'.$filename_pdf_barcode, 'F');

$fullpath_barcode_print = FCPATH . 'uploads/barcode/' . $filename_pdf_barcode;

Terlihat kode untuk membuat transform rotate yaitu

1
<td><svg width='20' height='100'><text transform='rotate(90,0,0)'>".$price_code."</text></svg></td>

Dengan kode ini, kita bisa merotate text pada generate pdf dengan mpdf.

*buat catatan aja kalau ada yang butuh

2 comments

Leave a Reply

Your email address will not be published. Required fields are marked *

%d bloggers like this: