အခမဲ့ ပုံ ဖော်မတ် ပြောင်းလဲကိရိယာ

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

Conversion ကို Chrome၊ Firefox နှင့် Safari တွင် တည်ဆောက်ထားသော image-encoding engine တူတူဖြစ်သော Canvas API ကို သုံး၍ သင့် browser ထဲတွင် လုံးဝ လုပ်ဆောင်ပါသည်။ သင့်ဖိုင်များကို off-screen canvas ပေါ်တွင် ဆွဲပြီး canvas.toBlob() ဖြင့် ပစ်မှတ် format သို့ ပြန် encode လုပ်သည်၊ server မည်သည့်တစ်ခုသို့မဆို ဘာမှ upload မလုပ်ပါ။

1. 1
   ပုံကို canvas တစ်ခုထဲသို့ decode လုပ်ထားသည်

   ဖိုင်တစ်ခုစီကို local object URL မှတစ်ဆင့် HTMLImageElement ထဲသို့ load လုပ်သည်။ Decode လုပ်ပြီးနောက် pixel data ကို output dimension အရွယ်အစား ပါသော off-screen canvas ပေါ်တွင် ဆွဲသည် — max-width သတ်မှတ်ထားပါက aspect ratio ကို ထိန်းထားသည်။
2. 2
   JPEG ပွင့်လင်းမှုကို encode မလုပ်မီ ကိုင်တွယ်ထားသည်

   JPEG (alpha channel မရှိသော) သို့ ပြောင်းသောအခါ ပုံကို ဆွဲမီ canvas ကို အဖြူရောင်နောက်ခံဖြင့် ဦးစွာ ဖြည့်ထားသဖြင့် ပွင့်လင်းသော ဧရိယာများသည် output ဖိုင်တွင် အမည်းရောင် ဖြစ်မသွားပါ။
3. 3
   canvas.toBlob() သည် pixel များကို ပြန် encode လုပ်သည်

   Browser ၏ native canvas.toBlob(mime, quality) သည် canvas ကို တောင်းဆိုထားသော quality level ဖြင့် ရွေးချယ်ထားသော format (JPG, PNG, WebP, or AVIF) သို့ encode လုပ်သည်။ Browser သည် format တစ်ခု encode လုပ်ရန် ပံ့ပိုးမပေးပါက startup တွင် လုပ်ဆောင်သော feature-probe run တစ်ခုသည် ခလုတ်ကို တိတ်တဆိတ် label မှားသော ဖိုင် ထုတ်ပေးမည့်အစား ပိတ်ထားသည်။
4. 4
   Output ကို local blob အဖြစ် ပေးပို့ထားသည်

   Encode လုပ်ထားသော blob ကို ချက်ချင်း ကြိုကြားမှုနှင့် ဒေါင်းလုဒ်အတွက် local object URL တစ်ခုတွင် ခြုံထားသည်။ ဖိုင်များစွာအတွက် JSZip သည် ဒေါင်းလုဒ် မစတင်မီ ၎င်းတို့ကို browser ထဲတွင် ZIP တစ်ခုအဖြစ် ပေါင်းစည်းသည်။

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