تعلم كيفية تدوير في SVG

تدوير الرسومات المتجهات تدوير وظيفة

سيؤدي تدوير صورة إلى تغيير الزاوية التي يتم عرض تلك الصورة بها. بالنسبة للرسومات البسيطة ، يمكن أن يضيف هذا بعض التنوع والاهتمام إلى ما قد يكون صورة واضحة أو مملة. كما هو الحال مع جميع التحولات ، يعمل التدوير كجزء من رسم متحرك أو رسم ثابت. يسمح لك تعلم كيفية استخدام التدوير في SVG ، أو Scalable Vector Graphics ، بطلب زاوية مميزة لتصميم الشكل الخاص بك. تعمل وظيفة التدوير SVG على تحويل الصورة في أي اتجاه.

حول تدوير

كل وظيفة التدوير تدور حول زاوية الرسم. عندما تقوم بتصميم صورة SVG ، ستقوم بإنشاء نموذج ثابت من المحتمل أن يجلس بزاوية تقليدية. على سبيل المثال ، سيحتوي مربع على جانبين على طول المحور X واثنان على طول المحور ص. مع التدوير ، يمكنك أن تأخذ هذا المربع نفسه وتحويله إلى تشكيل الماس.

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

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

تدوير البناء

مع التدوير ، يمكنك إدراج زاوية الدوران وإحداثيات المنطقة الثابتة.

تحويل = "تدوير (45100100)"

زاوية الدوران هي أول شيء تضيفه. في هذا الرمز ، تكون زاوية الدوران 45 درجة. النقطة المركزية هي ما ستضيفه بعد ذلك. هنا ، هذه النقطة المركزية تقع في الإحداثيات 100 ، 100. إذا لم تقم بإدخال إحداثيات الموقع المركزي ، فإنها ستفشل افتراضيًا إلى 0،0. في المثال أدناه ، ستبقى الزاوية 45 درجة ، ولكن بما أن نقطة المركز لم يتم تأسيسها ، فستتغير إلى 0،0.

تحويل = "تدوير (45)"

بشكل افتراضي ، يتم توجيه الزاوية ناحية الجانب الأيمن من الرسم البياني. لتدوير الشكل في الاتجاه المعاكس ، يمكنك استخدام علامة الطرح لسرد قيمة سالبة.

تحويل = "تدوير (-45)"

الدوران 45 درجة دوران ربع سنوي حيث تستند الزوايا على دائرة بزاوية 360 درجة. إذا أدرجت الثورة كـ 360 ، فإن الصورة لن تتغير لأنك تقلبها حرفياً في دائرة كاملة ، لذلك ستكون النتيجة النهائية متطابقة في المظهر إلى حيث بدأت.