Rrotullues & Kthyes Imazhesh Falas

Si funksionon

Rrotullimi, kthimi, dhe korrigjimi i këndit këtu funksionojnë tërësisht brenda shfletuesit tënd duke përdorur API-në HTML Canvas — asnjë skedar nuk dërgohet kurrë te një server. Mjeti e vizaton imazhin tënd mbi një canvas jashtë-ekranit me transformime këndi dhe shkallëzimi të zgjedhura, pastaj e kodifikon rezultatin në JPEG, PNG, ose WebP duke përdorur kodekun e vetë shfletuesit.

1. 1
   Imazhi dekodohet lokalisht

   Skedari yt JPEG, PNG, ose WebP ngarkohet në një HTMLImageElement përmes një object URL lokale — një referencë memorie shfletuesi që nuk largohet kurrë nga pajisja jote. Përmasat natyrore të pikselëve lexohen direkt nga bitmapi i dekoduar.
2. 2
   Transformimi Canvas i zbatuar

   Një canvas jashtë-ekranit përmasazohet për t'iu përshtatur kutisë kufizuese të rrotulluar (gjerësia·cos + lartësia·sin për çdo aks). Konteksti Canvas 2D përkthehet pastaj te qendra, rrotullohet me këndin e zgjedhur në radianë, dhe shkallëzohet me -1 mbi aksin horizontal ose vertikal për kthimet — të gjitha operacione standarde ctx.rotate / ctx.scale pa asnjë bibliotekë të jashtme.
3. 3
   Auto-prerja pret qoshet (opsionale)

   Për rrotullime jo-këndi-të-drejtë, një funksion gjeometrik i shkruar me dorë — largestInnerRect — llogarit drejtkëndëshin më të madh të vijëzuar me aksin e raportit të pamjes origjinale që përshtatet brenda kutisë kufizuese të rrotulluar, kështu që qoshet bosh trekëndore hiqen pa e shtrembëruar imazhin.
4. 4
   Kodeku i shfletuesit kodifikon rezultatin

   canvas.toBlob() ia dorëzon të dhënat e pikselëve kodifikuesit të integruar të imazheve të shfletuesit, duke prodhuar një Blob JPEG (me cilësi të zgjedhshme dhe ngjyrë mbushjeje sfondi për qoshet transparente), PNG, ose WebP që shkarkon direkt.

Mjete të ngjashme