Wareejiyaha & Rogaha Sawirka oo Bilaash ah

Sida Ay U Shaqeyso

Wareejinta, rogitaanka, iyo saxitaanka xagalka halkan waxay gebi ahaanba ka dhacaan biraawsarkaaga isagoo isticmaalaya Canvas API-ga HTML — fayl weligiis server looma diro. Qalabku wuxuu ku sawiraa sawirkaaga canvas bannaan-shaashadeed ah xagalka iyo miisaanka beddellada la doortay, kadibna wuxuu sumeeyaa natiijada JPEG, PNG, ama WebP isagoo isticmaalaya codec-ka biraawsarka laftiisa.

1. 1
   Sawirka si gudaha ah waa lagu furaa

   Faylkaaga JPEG, PNG, ama WebP waxaa lagu shubaa HTMLImageElement via object URL gudaha ah — tixraac xasuus biraawsar ah oo weligiis aaladdaada kama baxo. Cabbirrada pixel-ka dabiiciga ah waxaa toos looga akhriyaa bitmap-ka la furay.
2. 2
   Beddelka canvas-ka waa la dabaqaa

   Canvas bannaan-shaashadeed ah waxaa loo cabbiriyaa si uu ugu habboonaado sanduuqa xuduudka wareegga (width·cos + height·sin geesaha kastaba). Xaalada Canvas 2D kadibna waa loo raray xarunta, waxaa loo wareejiyaa xagalka la doortay radians ahaan, waxaana loo miisaamaa -1 dhinaca horizontal ama vertical rogitaanka — dhammaan hawlgallada caadiga ah ee ctx.rotate / ctx.scale iyada oo aan lahayn laybreri dibadeed ah.
3. 3
   Auto-jarista ayaa jarta geesaha (ikhtiyaar)

   Wareejinta aan xagal-toosan ahayn, function joomatari oo gacan lagu qoray — largestInnerRect — wuxuu xisaabiyaa afar-geesoodka ugu weyn ee saameynta asalka ah ee ku habboon gudaha sanduuqa xuduudka wareegga, si geesaha madhan ee saddex-geesoodka ah loo saaro iyada oo aan sawirka la xumeynin.
4. 4
   Codec-ka biraawsarku wuxuu sumeeyaa natiijada

   canvas.toBlob() wuxuu xogta pixel-ka u dhiibaa sumeeyaha sawirka dabiiciga ah ee biraawsarka, isagoo soo saaraya JPEG (leh tayo la dooran karo iyo midab asal ah oo la buuxiyo geesaha muuqda-la-arki-karo), PNG, ama Blob WebP ah oo aad si toos ah u soo dejin karto.

Qalabka La Xiriira