watermark html2pdf?

Bagaimana membuat watermark pada html2pdf?

avatar riannre
@riannre

1 Kontribusi 0 Poin

Diperbarui 6 tahun yang lalu

1 Jawaban:

Halo... salam kenal. Untuk membuat watermark, bisa memanfaatkan CSS. Ini sample yang gampang aja ya...

Untuk posisi tabel dan watermark silakan di ubah sendiri di CSSnya.

Bisa coba-coba di link dibawah ini : [link]https://jsfiddle.net/016d90wg/12/ [/link]

Untuk kodenya. bisa seperti ini :

<html>
<head>
<style>
#container{
    width: 50%;
    margin: auto;
    position: relative;
    display:block;
}

#watermark{
    margin: auto;
    top : 5px;
    left : 25%;
    display:block;
    position : absolute;
    opacity: 0.5;
    filter: alpha(opacity=50);
}
</style>
</head>
<body>
<div id="container">
    <table>
    <tr>
    <th>Nama Depan</th>
    <th>Nama Belakang</th>
    <th>Umur</th>
  </tr>
  <tr>
    <td>Agung</td>
    <td>Ramadhan</td>
    <td>23</td>
  </tr>
  <tr>
    <td>Sherina</td>
    <td>Az Zahra</td>
    <td>21</td>
  </tr>
    </table>
</div>
<div id="watermark">
    <img src="https://www.exabytes.co.id/wp-content/uploads/220x60-exabytes-logo.png">
</div>
</body>
</html>

Nah untuk print html code ke PDF, bisa dilihat di link dibawah ini

[link]https://pdfcrowd.com/i/code-to-print-html-to-pdf-using-php.html [/link]

avatar R420r
@R420r

8 Kontribusi 2 Poin

Dipost 6 tahun yang lalu

Login untuk ikut Jawaban