أداة تدوير الصور وقلبها مجانًا

كيف يعمل

يعمل التدوير والقلب وتصحيح الزاوية هنا بالكامل داخل متصفحك باستخدام HTML Canvas API — لا يُرسل أي ملف إلى خادم أبدًا. ترسم الأداة صورتك على لوحة خارج الشاشة بتحويلات الزاوية والتحجيم المختارة، ثم ترمّز النتيجة إلى JPEG أو PNG أو WebP باستخدام مرمّز المتصفح نفسه.

1. 1
   تُفك الصورة محليًا

   يُحمَّل ملف JPEG أو PNG أو WebP في HTMLImageElement عبر رابط كائن محلي — مرجع في ذاكرة المتصفح لا يغادر جهازك أبدًا. وتُقرأ أبعاد البكسل الطبيعية مباشرة من الصورة المفكوكة.
2. 2
   تطبيق تحويل Canvas

   تُحجَّم لوحة خارج الشاشة لتتسع للمربع المحيط المدوَّر (width·cos + height·sin لكل محور). ثم يُنقل سياق Canvas 2D إلى المركز، ويُدوَّر بالزاوية المختارة بالراديان، ويُحجَّم بـ -1 على المحور الأفقي أو العمودي للقلب — كلها عمليات ctx.rotate / ctx.scale قياسية دون مكتبة خارجية.
3. 3
   القص التلقائي يزيل الزوايا (اختياري)

   للتدويرات غير القائمة، تحسب دالة هندسية مكتوبة يدويًا — largestInnerRect — أكبر مستطيل موازٍ للمحاور بنسبة العرض إلى الارتفاع الأصلية يتسع داخل المربع المحيط المدوَّر، فتُزال الزوايا المثلثية الفارغة دون تشويه الصورة.
4. 4
   مرمّز المتصفح يرمّز النتيجة

   يسلّم canvas.toBlob() بيانات البكسل إلى مرمّز الصور المدمج في المتصفح، فينتج Blob بصيغة JPEG (مع جودة قابلة للاختيار ولون تعبئة للزوايا الشفافة) أو PNG أو WebP تنزّله مباشرة.

أدوات ذات صلة