मोफत इमेज रोटेटर आणि फ्लिपर

हे कसे कार्य करते

इथे rotation, flipping, आणि angle correction HTML Canvas API वापरून पूर्णपणे तुमच्या ब्राउझरमध्ये होते — कोणतीही फाइल कधीही सर्व्हरला पाठवली जात नाही. साधन तुमची इमेज निवडलेल्या कोन आणि scale transforms वर off-screen canvas वर काढते, नंतर ब्राउझरच्या स्वतःच्या codec ने निकाल JPEG, PNG, किंवा WebP मध्ये एन्कोड करते.

1. 1
   इमेज स्थानिक पातळीवर डीकोड झाली

   तुमची JPEG, PNG, किंवा WebP फाइल स्थानिक object URL द्वारे HTMLImageElement मध्ये लोड होते — कधीच तुमच्या डिव्हाइसमधून बाहेर न जाणारा ब्राउझर मेमरी संदर्भ. नैसर्गिक pixel परिमाणे डीकोड केलेल्या bitmap मधून थेट वाचली जातात.
2. 2
   Canvas transform लावले

   फिरवलेल्या bounding box मध्ये बसण्यासाठी off-screen canvas चा आकार ठरवला जातो (प्रत्येक अक्षासाठी width·cos + height·sin). Canvas 2D context नंतर मध्यभागी translated होतो, radians मध्ये निवडलेल्या कोनाने फिरवला जातो, आणि flips साठी क्षैतिज किंवा उभ्या अक्षावर -1 ने scaled होतो — सर्व मानक ctx.rotate / ctx.scale ऑपरेशन्स बाह्य लायब्ररीशिवाय.
3. 3
   Auto-crop कोपरे कापते (पर्यायी)

   non-right-angle rotations साठी, गराज-लिहिलेला भूमिती फंक्शन — largestInnerRect — फिरवलेल्या bounding box च्या आत बसणारा मूळ aspect ratio चा सर्वात मोठा axis-aligned आयत मोजतो, त्यामुळे त्रिकोणी रिक्त कोपरे इमेज विकृत न करता काढले जातात.
4. 4
   ब्राउझर codec निकाल एन्कोड करतो

   canvas.toBlob() pixel डेटा ब्राउझरच्या बिल्ट-इन इमेज एन्कोडरला देतो, तुम्ही थेट डाउनलोड करणारा JPEG (पारदर्शक कोपऱ्यांसाठी निवडक quality आणि पार्श्वभूमी भरणी रंगासह), PNG, किंवा WebP Blob तयार करत.

संबंधित साधने