အခမဲ့ PDF မှ Image (JPG, PNG, WebP)

မည်သို့ အလုပ်လုပ်သည်

ဤကိရိယာသည် Mozilla ၏ open-source PDF rendering engine ဖြစ်သော PDF.js (pdfjs-dist) ကို image encoding အတွက် browser ၏ Canvas API နှင့် ပေါင်းစပ်၍ သင့် browser ထဲတွင် PDF စာမျက်နှာများကို ပုံများသို့ လုံးဝ ပြောင်းလဲပါသည်။ သင့်ဖိုင်ကို local တွင် ဖတ်ယူပြီး server သို့ ဘယ်တော့မှ မပို့ပါ။

1. 1
   PDF.js သည် ဖိုင်ကို parse လုပ်သည်

   pdfjs-dist သည် PDF ၏ binary ဖွဲ့စည်းပုံ — font၊ vector graphics၊ embed လုပ်ထားသော ပုံများနှင့် စာမျက်နှာ layout ညွှန်ကြားချက်များ — ကို JavaScript ဖြင့် ရေးထားသော ၎င်းကိုယ်ပိုင် renderer ကို သုံး၍ memory မှ တိုက်ရိုက် ဖတ်ယူသည်။ Dedicated Web Worker တစ်ခု (CDN မှ load လုပ်ထား) သည် ကြီးမားသော parsing ကို main thread ပြင်ပတွင် ကိုင်တွယ်သဖြင့် စာမျက်နှာသည် responsive ဆက်ရှိနေသည်။
2. 2
   စာမျက်နှာတစ်ခုစီကို canvas သို့ render လုပ်ထားသည်

   တောင်းဆိုထားသော စာမျက်နှာတစ်ခုစီအတွက် PDF.js သည် သင်ရွေးချယ်ထားသော DPI ဖြင့် scale ချထားသော viewport တစ်ခု တွက်ချက်သည်။ ပုံသေ PDF coordinate space သည် 72 DPI ဖြစ်သဖြင့် 300 DPI render တစ်ခုသည် 300/72 ≈ 4.17x scale factor ကို သုံး၍ ထိုနှင့်ကိုက်ညီသော canvas အရွယ်အစားကို ထုတ်ပေးသည်။ PDF.js သည် စာမျက်နှာ content အားလုံး — စာသား၊ path၊ ပုံများ — ကို 2D Canvas API ကို သုံး၍ off-screen HTMLCanvasElement ထဲသို့ ဆွဲသည်။
3. 3
   Canvas သည် သင်ရွေးချယ်ထားသော format သို့ encode လုပ်သည်

   Render လုပ်ပြီးနောက် ကိရိယာသည် ပစ်မှတ် MIME type (image/png, image/jpeg, or image/webp) နှင့် quality setting ဖြင့် canvas.toBlob() ကို ခေါ်သည်။ ၎င်းသည် encoding ကို browser ၏ ကိုယ်ပိုင် image codec — Chrome, Firefox, or Safari native တွင် သုံးသော engine တူတူ — သို့ လွှဲအပ်ပြီး memory ထဲတွင် ချုံ့ထားသော ပုံ Blob တစ်ခု ထုတ်ပေးသည်။
4. 4
   တစ်ခုချင်းစီ သို့မဟုတ် ZIP အဖြစ် ဒေါင်းလုဒ်ဆွဲပါ

   Render လုပ်ထားသော စာမျက်နှာတစ်ခုစီကို အစမ်းကြည့်ရှုရန်နှင့် ဖိုင်တစ်ခုတည်း ဒေါင်းလုဒ်ဆွဲရန် object URL တစ်ခုအဖြစ် ချက်ချင်း ရရှိနိုင်သည်။ စာမျက်နှာအားလုံးကို တစ်ပြိုင်နက် ဒေါင်းလုဒ်ဆွဲပါက jszip library သည် memory ထဲရှိ Blob များကို client-side တွင် ZIP archive တစ်ခုထဲသို့ ပေါင်းစည်းပြီး ဒေါင်းလုဒ် တစ်ခုတည်း trigger လုပ်သည် — server round-trip မည်သည့်အဆင့်တွင်မျှ မရှိပါ။

ဆက်နွှယ်သော ကိရိယာများ