නොමිලේ රූප Rotator සහ Flipper

එය ක්‍රියා කරන්නේ කෙසේද

මෙහි Rotation, flipping, සහ angle correction HTML Canvas API එකෙන් සම්පූර්ණයෙන්ම ඔබේ බ්‍රවුසරය තුළ ක්‍රියාත්මක වේ — කිසිදු ගොනුවක් කිසි විටෙක සර්වරයකට යවනු නොලැබේ. මෙවලම ඔබේ රූපය තෝරාගත් angle සහ scale transforms වලින් off-screen canvas එකකට අඳින අතර, බ්‍රවුසරයේම codec භාවිතයෙන් ප්‍රතිඵලය JPEG, PNG, හෝ WebP වෙත encode කරයි.

1. 1
   රූපය දේශීයව decode කෙරේ

   ඔබේ JPEG, PNG, හෝ WebP ගොනුව දේශීය object URL එකක් හරහා HTMLImageElement එකකට පූරණය කෙරේ — කිසි විටෙක ඔබේ උපාංගයෙන් පිටතට නොයන browser memory reference එකකි. Natural pixel මානයන් decode කළ bitmap එකෙන් කෙලින්ම කියවනු ලැබේ.
2. 2
   Canvas transform යොදනු ලැබේ

   off-screen canvas එකක් rotate කළ bounding box එකට (එක් එක් axis සඳහා width·cos + height·sin) ගැලපෙන ලෙස ප්‍රමාණය ගත කෙරේ. Canvas 2D context එක පසුව මධ්‍යයට translate කර, radians වලින් තෝරාගත් angle එකෙන් rotate කර, flips සඳහා horizontal හෝ vertical axis මත -1 කින් scale කෙරේ — බාහිර පුස්තකාලයක් නොමැතිව සියල්ල සම්මත ctx.rotate / ctx.scale operations.
3. 3
   Auto-crop කෙළවර කපා දමයි (විකල්පමය)

   right-angle නොවන rotations සඳහා, අතින් ලියන ලද geometry ශ්‍රිතයක් — largestInnerRect — rotate කළ bounding box එක තුළට වැදෙන මුල් aspect ratio එකේ විශාලතම axis-aligned rectangle එක ගණනය කරයි, එබැවින් රූපය විකෘති නොකර ත්‍රිකෝණාකාර හිස් කෙළවර ඉවත් කෙරේ.
4. 4
   Browser codec ප්‍රතිඵලය encode කරයි

   canvas.toBlob() bytes දත්ත බ්‍රවුසරයේ අභ්‍යන්තර image encoder එකට ලබා දෙන අතර, ඔබ කෙලින්ම බාගත කරන JPEG (තෝරාගත හැකි quality සහ විනිවිද පෙනෙන කෙළවර සඳහා පසුබිම් fill වර්ණය සමඟ), PNG, හෝ WebP Blob එකක් නිපදවයි.

සම්බන්ධ මෙවලම්