Cara convert pdf menjadi image (jpeg/png) dengan javascript menggunakan pdf.js

Cara convert pdf menjadi image (jpeg/png) dengan javascript menggunakan pdf.js

Pada tutorial cara convert pdf menjadi image (jpeg/png) dengan javascript menggunakan pdf.js kali ini, kita akan mendiskusikan tentang salah satu fitur yang populer dari pdf.js yaitu PDF to image (JPEG/PNG) conversion. Dengan menggunakan pdf.js tidak dibutuhkan server.

PDF to Image

Pdf.js menggunakan elemen <canvas> untuk merender file pdf (meskipun hal ini juga bisa dilakukan  menggunakan SVG). Dan proses konversinya bisa menggunakan teknik canvas.toDataURL

// Download button (PNG)

$("#download-image").on('click', function() { $(this).attr('href', $('#pdf-canvas').get(0).toDataURL());

// Specfify download option with name

$(this).attr('download', 'page.png'); });

// Download button (JPEG with quality 80%)

$("#download-image").on('click', function() { $(this).attr('href', $('#pdf-canvas').get(0).toDataURL("image/jpeg", 0.8));

// Specfify download option with name

$(this).attr('download', 'page.jpg'); });

Leave a Reply

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