বিনামূল্যে ছবি রোটেটর ও ফ্লিপার

কিভাবে কাজ করে

এখানে ঘোরানো, উল্টানো ও কোণ সংশোধন পুরোপুরি আপনার ব্রাউজারের ভেতরে HTML Canvas API দিয়ে চলে — কোনো ফাইল কখনো সার্ভারে পাঠানো হয় না। টুলটি বাছাই করা কোণ ও স্কেল রূপান্তরে আপনার ছবি একটি অফ-স্ক্রিন ক্যানভাসে আঁকে, তারপর ব্রাউজারের নিজস্ব কোডেক দিয়ে JPEG, PNG বা WebP-তে এনকোড করে।

1. 1
   ছবি লোকালি ডিকোড হয়

   আপনার JPEG, PNG বা WebP ফাইল একটি লোকাল object URL দিয়ে HTMLImageElement-এ লোড হয় — ব্রাউজার মেমোরির একটি রেফারেন্স যা কখনো আপনার ডিভাইস ছাড়ে না। ডিকোড করা বিটম্যাপ থেকে সরাসরি স্বাভাবিক পিক্সেল মাপ পড়া হয়।
2. 2
   Canvas transform প্রয়োগ

   ঘোরানো সীমানা-বাক্সের মাপে একটি অফ-স্ক্রিন ক্যানভাস তৈরি হয় (প্রতিটি অক্ষের জন্য width·cos + height·sin)। তারপর Canvas 2D context কেন্দ্রে সরানো হয়, বাছাই করা কোণে রেডিয়ানে ঘোরানো হয়, এবং উল্টানোর জন্য অনুভূমিক বা উল্লম্ব অক্ষে -1 দিয়ে স্কেল করা হয় — সবই সাধারণ ctx.rotate / ctx.scale অপারেশন, কোনো বাইরের লাইব্রেরি ছাড়া।
3. 3
   অটো-ক্রপ কোণ ছাঁটে (ঐচ্ছিক)

   সমকোণ নয় এমন ঘূর্ণনে একটি হাতে লেখা জ্যামিতিক ফাংশন — largestInnerRect — ঘোরানো সীমানা-বাক্সের ভেতরে মূল অনুপাতের সবচেয়ে বড় অক্ষ-সমান্তরাল আয়তক্ষেত্র হিসাব করে, তাই ছবি বিকৃত না করেই ত্রিভুজাকার ফাঁকা কোণগুলো সরে যায়।
4. 4
   ব্রাউজার কোডেক ফলাফল এনকোড করে

   canvas.toBlob() পিক্সেল ডেটা ব্রাউজারের বিল্ট-ইন ইমেজ এনকোডারে দেয়, যা একটি JPEG (বাছাইযোগ্য মান ও স্বচ্ছ কোণের জন্য ব্যাকগ্রাউন্ড রংসহ), PNG বা WebP Blob তৈরি করে, যা সরাসরি ডাউনলোড করেন।

সম্পর্কিত টুলস