WMW

قلب وتدوير الصورة

Free

اقلب صورة أفقيًا أو رأسيًا، أو دوّرها 90 درجة أو 180 درجة أو أي زاوية مخصصة مباشرة في متصفحك.

يعمل بالكامل في متصفحك. صورتك لا تُرفع إلى أي مكان أبدًا.

انقر لاختيار صورة، أو اسحبها وأفلتها هنا

النشاط الأخير

مرئي للجميع. آخر 20 استخدامًا من جميع الزوار، الأحدث أولاً.

Rotate 90° CW · 4032×3024

منذ أسبوع

Rotate 90° CW · 3024×4032

منذ أسبوع

Rotate 90° CW · 4032×3024

منذ أسبوع

Flip Vertical · 3024×4032

منذ أسبوع

Flip Horizontal · 3024×4032

منذ أسبوع

Rotate 180° · 3024×4032

منذ أسبوع

Rotate 90° CCW · 3024×4032

منذ أسبوع

Rotate 180° · 4032×3024

منذ أسبوع

التعليقات (0)

هل وجدت هذه الأداة مفيدة؟ اترك تعليقًا، أو شارك نصيحة، أو أخبرنا كيف يمكننا تحسينها.

تُراجَع تعليقات الزوار قبل النشر. تسجيل الدخول للنشر فورًا.

لا توجد تعليقات بعد. كن أول من يشارك رأيه!

ماذا تفعل هذه الأداة

يقلب صورة أفقيًا أو عموديًا، ويُدوّرها 90° أو 180° بنقرة واحدة، أو يُدوّرها بأي زاوية مخصصة من -180° إلى 180° مع خيار خلفية شفافة أو لون صلب للزوايا المكشوفة، كل ذلك مباشرة في متصفحك.

كيف يعمل

يعكس القلب الأفقي كل بكسل عبر خط الوسط العمودي، لذا يتبادل البكسل في العمود x مع البكسل في العمود (العرض - 1 - x) في نفس الصف. يفعل القلب العمودي الشيء نفسه عبر خط الوسط الأفقي، متبادلاً الصف y مع الصف (الارتفاع - 1 - y). يُعيد تدوير 90° وتدوير 180° تخصيص كل بكسل إلى موضع جديد باستخدام إحداثيات صحيحة دقيقة، دون إعادة أخذ عينات ودون فقدان جودة، وتتبادل عرض الصورة وارتفاعها في دورات 90°. يستخدم شريط تمرير الزاوية المخصصة تحويل التدوير الأصلي للوحة لتدوير الصورة حول مركزها بأي زاوية، مع حساب حجم اللوحة الجديد من صيغة المربع المحيط الكلاسيكية لمستطيل مُدوَّر: العرضالجديد = |العرض×cos(θ)| + |الارتفاع×sin(θ)|، الارتفاعالجديد = |العرض×sin(θ)| + |الارتفاع×cos(θ)|، بحيث تتناسب الصورة المُدوَّرة بأكملها دائمًا دون أن تُقص.

المشكلات التي تحلها

الأسئلة الشائعة

ما الفرق بين "القلب" و"التدوير"؟

يعكس القلب الصورة عبر محور، كأنك تنظر إليها في مرآة، لذا يتبادل اليسار واليمين (أو الأعلى والأسفل) الأماكن لكن لا شيء يدور. يُدوّر التدوير الصورة بأكملها حول مركزها بزاوية معينة، فيتغير اتجاهها لكنها لا تُعكس أبدًا.

لماذا تُطبَّق أزرار القلب وتدوير 90°/180° على الفور، بينما تحتاج الزاوية المخصصة إلى "تطبيق التدوير"؟

يُعيد القلب والتدوير بمضاعفات دقيقة لـ 90 درجة ترتيب البكسلات الموجودة فقط في شبكة جديدة، لذا لا يوجد شيء لمعاينته، والنتيجة واضحة لحظة النقر. تحتاج الزاوية المخصصة إلى إعادة أخذ العينات واختيار خلفية للزوايا التي تكشفها، لذا تُظهر معاينة مباشرة أولاً ولا تُطبَّق على الصورة إلا عند النقر على تطبيق، مما يتيح لك ضبط الزاوية والخلفية بدقة قبل تثبيتها.

لماذا تكبر اللوحة عندما أُدوّر بزاوية مخصصة؟

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

هل يجب أن أختار خلفية شفافة أم لونًا صلبًا لتدوير الزاوية المخصصة؟

تعمل الشفافية بشكل أفضل إذا كنت ستضع الصورة المُدوَّرة فوق شيء آخر، مثل تخطيط تصميم أو صورة أخرى، لأنها تُنزَّل كملف PNG يُبقي تلك الزوايا شفافة. اللون الصلب منطقي إذا كانت الصورة بحاجة إلى الوقوف بمفردها، مثل ملء بطاقة ملونة أو مطابقة خلفية صفحة.

هل يتم رفع صورتي إلى أي مكان؟

لا. يحدث كل قلب وتدوير محليًا في متصفحك باستخدام واجهة برمجة تطبيقات canvas الخاصة بـ HTML. لا يُرسل شيء إلى خادم.

أدوات ذات صلة