Kyauta PDF zuwa Hoto (JPG, PNG, WebP)

Yadda Yake Aiki

Wannan kayan aikin yana canja shafukan PDF zuwa hotuna gaba ɗaya a burauzarka ta amfani da PDF.js (pdfjs-dist) — injin zanawar PDF na Mozilla mai buɗaɗɗen tushe — haɗe da Canvas API na burauza don ɓoye hoto. Ana karanta fayil ɗinka a wurin nan kuma ba a taɓa aika shi zuwa uwar garke ba.

1. 1
   PDF.js yana nazarin fayil ɗin

   pdfjs-dist yana karanta tsarin binary na PDF kai tsaye daga ƙwaƙwalwa — fonts, hotunan vector, hotunan da aka lulluɓe, da umarnin tsarin shafi — ta amfani da mai zanawarsa da aka rubuta a JavaScript. Wani Web Worker na musamman (an loda shi daga CDN) yana sarrafa nazari mai nauyi wajen babban zaren don shafin ya ci gaba da amsawa.
2. 2
   Kowace shafi yana zana zuwa canvas

   Don kowace shafi da aka bukata, PDF.js yana lissafta wani viewport da aka girmata zuwa zaɓaɓɓen DPI ɗinka. Sararin daidaitawar PDF na asali shine 72 DPI, don haka zanawar 300 DPI take amfani da adadin girmatawa na 300/72 ≈ 4.17x, yana samar da canvas girmansa daidai da hakan. PDF.js yana zana dukkan abin da ke ciki na shafi — rubutu, hanyoyi, hotuna — zuwa wani HTMLCanvasElement a wajen allo ta amfani da 2D Canvas API.
3. 3
   Canvas yana ɓoyewa zuwa zaɓaɓɓen tsarinka

   Bayan zanawa, kayan aikin yana kiran canvas.toBlob() da nau'in MIME na manufa (image/png, image/jpeg, ko image/webp) da saitin inganci. Wannan yana ba da ɓoyewa ga codec na hoto na burauza da kansa — iri ɗayan injin da Chrome, Firefox, ko Safari suke amfani da shi na asali — yana samar da Blob na hoto da aka matsa wanda yake zaune a ƙwaƙwalwa.
4. 4
   Sauke kowanne daban ko a matsayin ZIP

   Kowace shafi da aka zana yana samuwa nan take a matsayin URL na abu don dubawa da saukewa na fayil guda. Idan ka sauke dukkan shafuka lokaci guda, ɗakin karatu na jszip yana haɗa Blobs da suke a ƙwaƙwalwa zuwa wani rumbun ZIP a gefen abokin ciniki, sannan yana kunna saukewa guda ɗaya — babu tafiya-zuwa-uwar garke a kowane mataki.

Kayan Aiki Masu Alaƙa