Dib u habeynta Sawirka oo Bilaash ah

Sida Ay U Shaqeyso

Cabbir-bedelidda gebi ahaanba waxay ka dhacdaa biraawsarkaaga isagoo isticmaalaya Canvas API — isla injineerka rendering-ka ku dhex jira Chrome, Firefox, iyo Safari. Sawirkaaga waxaa lagu sawiraa canvas bannaan-shaashadeed ah cabbirrada cusub waxaana dib loo sumeeyaa gudaha; waxba aaladdaada kama baxaan.

1. 1
   Sawirka waa lagu furaa biraawsarka

   Marka aad tuurto ama aad dooratid fayl, biraawsarku wuxuu furaa sawirka (JPEG, PNG, WebP, AVIF, ama GIF) xog pixel qaawan ah via HTMLImageElement. Cabbirrada asalka ah ee pixel-ku waa la akhriyaa waxaana loo isticmaalaa in mar hore lagu buuxiyo goobaha ballaadhka iyo dhererka.
2. 2
   Canvas dib ayuu u sawiraa cabbirka cusub

   Gujinta Cabbir-bedel wuxuu dejiyaa HTMLCanvasElement bannaan-shaashadeed oo ballaadhka iyo dhererka aad dooratay leh, kadibna wuxuu wacaa ctx.drawImage() si uu u miisaamo oo u rinjiyeeyo pixel kasta cabbirka cusub. Wax-soo-saarka JPEG, asal-caddaan ah ayaa marka hore la buuxiyaa si aagagga hufan aysan noqon madow.
3. 3
   canvas.toBlob() wuxuu sumeeyaa wax-soo-saarka

   Hab-hawlgalka canvas.toBlob() ee biraawsarka dabiiciga ah ayaa sumeeya xogta pixel-ka JPEG, PNG, ama WebP heerka tayada aad dejisay. Haddii aad qeexday cabbirka faylka bartilmaameedka ah, raadin binary 7-jeer socodsiin ah ayaa si toos ah u xakameeya baaraha tayada ilaa wax-soo-saarku ku habboonaado ama ka hooseeyo cabbirkaas.
4. 4
   Natiijada waa la fiiriyaa oo si gudaha ah loo soo dejiyaa

   Blob-ka la sumeeyay waxaa loo beddelaa object URL panel-ka fiiriyaha — server wicitaan ma helo. Gujinta soo dejinta waxay bilowdaa keydin gudaha ah oo leh magac faylo ay ku jiraan cabbirrada pixel-ka ugu dambeeya.

Qalabka La Xiriira