وړیا د انځور پرې کوونکی

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

رپرې کول بشپړ ستاسو براوزر کې د HTML5 Canvas API سره کیږي — هیڅ اپلوډ، هیڅ سرور. تاسو یو انتخاب ساحه مستقیم یوه کینوس عنصر باندې کش کوئ، او کله چې تاسو رپرې پلي کوئ، براوزر اصلي 2D رسمول انجن یوازې ټاکل شوي پکسلونه لولي او یې JPEG، PNG، یا WebP ته بیا کوډوي.

1. 1
   انځور حافظې ته لوډ شوی

   ستاسو فایل د URL.createObjectURL() سره لوستل کیږي، چې براوزر ته یو محلي blob URL ورکوي. یو HTMLImageElement فایل بشپړ براوزر ټب کې کوډوي — انځور بایټونه هیڅکله ستاسو وسیله نه پریږدي.
2. 2
   Pointer Events رپرې انتخاب چلوي

   براوزر Pointer Events API (چې موس، لمس، او قلم ننوت یوځای کوي) کش کینوس پوښ باندې تعقیبوي. له انتخاب نه بهر فشار ورکول یو نوی مستطیل پیلوي؛ دننه فشار یې خوځوي؛ نږدې لاندې-ښي کونج فشار یې اندازه بدلوي. اختیاري اړخ-تناسب مخکینی (1:1، 16:9، 4:3، او داسې نور) کشولو پر مهال جیومیتري محدودوي.
3. 3
   کینوس ژوندۍ مخکتنه رسموي

   هر رپرې بدلون باندې، Canvas 2D متن انځور بیا رسموي، له انتخاب نه بهر یو توره پوښ پلي کوي، رپرې ساحه پاکوي ترڅو اصلي انځور بشپړ کیفیت کې وښیي، او د درېیو-برخو قاعده ګرید او یو تیل‌رنګه اندازه-بدلولو لاسی پوښوي.
4. 4
   toBlob() پایله کوډوي او وسپاري

   کله چې تاسو Crop کیکاږئ، یوه نوې شالید-پرده کینوس دقیق رپرې اندازو کې جوړیږي. ctx.drawImage() یوازې ټاکل شوی مستطیل کاپي کوي، او canvas.toBlob() پایله د براوزر اصلي JPEG، PNG، یا WebP انکوډر سره ستاسو ټاکل شوي کیفیت تنظیم کې کوډوي. محصول یوه محلي blob URL په توګه ډاونلوډ لپاره وسپارل کیږي.

اړوندې وسیلې