وړیا د انځور ریسائزر

دا څنګه کار کوي

بیا-اندازه کول بشپړ ستاسو براوزر کې د Canvas API سره کیږي — همغه رسمولو انجن چې Chrome، Firefox، او Safari کې جوړ شوی. ستاسو انځور یوه شالید-پرده کینوس باندې نوو اندازو ته رسمیږي او محلي بیا کوډیږي؛ هیڅ شی ستاسو وسیله نه پریږدي.

1. 1
   انځور د براوزر لخوا کوډ شوی

   کله چې تاسو یوه فایل کش یا ټاکئ، براوزر انځور (JPEG، PNG، WebP، AVIF، یا GIF) خام پکسل ډیټا ته د یوه HTMLImageElement له لارې کوډوي. اصلي پکسل اندازې لوستل کیږي او پلنوالی او اوږدوالی ساحو ته مخکینی-ډکیږي.
2. 2
   کینوس نوې اندازې ته بیا رسموي

   Resize کیکاږل یو شالید-پرده HTMLCanvasElement ستاسو ټاکل شوي پلنوالی او اوږدوالي ته ټاکي، بیا ctx.drawImage() بولي ترڅو هر پکسل نوو اندازو ته کچه کړي او رنګ کړي. د JPEG محصول لپاره، یو سپین شالید ډکونه لومړی پلي کیږي نو روڼې ساحې تور نه شي.
3. 3
   canvas.toBlob() محصول کوډوي

   براوزر جوړ شوی canvas.toBlob() میتود پکسل ډیټا JPEG، PNG، یا WebP ته کوډوي ستاسو ټاکل شوي کیفیت کچه کې. که تاسو یوه موخه فایل اندازه ټاکلې وي، یو 7-تکراره باینري لټون اتوماتیک کیفیت پارامتر تنظیموي تر هغه چې محصول هغه اندازه یا ښکته ته ورسیږي.
4. 4
   پایله محلي مخکتنه او ډاونلوډ کیږي

   کوډ شوی Blob د مخکتنې پانل لپاره یو څیز URL ته بدلیږي — هیڅ سرور تللو-راتلو نشته. ډاونلوډ کیکاږل یو محلي خوندي کول هڅوي د یوه فایل نوم سره چې وروستي پکسل اندازې پکې شاملې دي.

اړوندې وسیلې