مفت تصویر گھمانے اور پلٹانے والا

یہ کیسے کام کرتا ہے

یہاں گھمانا، پلٹنا اور زاویے کی اصلاح مکمل طور پر آپ کے براؤزر میں HTML Canvas API سے ہوتی ہے — کوئی فائل کبھی سرور کو نہیں بھیجی جاتی۔ ٹول آپ کی تصویر کو منتخب زاویے اور پیمانے کی تبدیلیوں کے ساتھ آف اسکرین canvas پر بناتا ہے، پھر براؤزر کے اپنے کوڈیک سے نتیجہ JPEG، PNG یا WebP میں انکوڈ کرتا ہے۔

1. 1
   تصویر مقامی طور پر ڈی کوڈ ہوتی ہے

   آپ کی JPEG، PNG یا WebP فائل مقامی object URL سے HTMLImageElement میں لوڈ ہوتی ہے — براؤزر میموری کا ایک حوالہ جو کبھی آپ کے آلے سے باہر نہیں جاتا۔ قدرتی پکسل ابعاد براہ راست ڈی کوڈ شدہ bitmap سے پڑھے جاتے ہیں۔
2. 2
   Canvas تبدیلی لاگو ہوتی ہے

   ایک آف اسکرین canvas گھمائے گئے حدود کے ڈبے کے مطابق سائز لیتا ہے (ہر محور کے لیے width·cos + height·sin)۔ پھر Canvas 2D context کو مرکز پر منتقل کیا جاتا ہے، منتخب زاویے پر ریڈین میں گھمایا جاتا ہے، اور پلٹنے کے لیے افقی یا عمودی محور پر -1 سے پیمانہ دیا جاتا ہے — سب معیاری ctx.rotate / ctx.scale عمل، بغیر بیرونی لائبریری کے۔
3. 3
   خودکار کراپ کونے کاٹتا ہے (اختیاری)

   غیر قائمہ زاویے کی گردش کے لیے ایک ہاتھ سے لکھا جیومیٹری فنکشن — largestInnerRect — اصل تناسب کا سب سے بڑا محور کے ساتھ سیدھا مستطیل نکالتا ہے جو گھمائے گئے ڈبے کے اندر آئے، اس لیے مثلثی خالی کونے تصویر بگاڑے بغیر ہٹ جاتے ہیں۔
4. 4
   براؤزر کوڈیک نتیجہ انکوڈ کرتا ہے

   canvas.toBlob() پکسل ڈیٹا براؤزر کے بلٹ اِن امیج انکوڈر کو دیتا ہے، جو JPEG (قابل انتخاب کوالٹی اور شفاف کونوں کے لیے پس منظر کے رنگ کے ساتھ)، PNG یا WebP Blob بناتا ہے جسے آپ براہ راست ڈاؤن لوڈ کرتے ہیں۔

متعلقہ ٹولز