تابع مقیاس پذیر گرافیک چرخش
چرخش تصویر زاویه ای که آن تصویر در نمایش داده می شود را تغییر می دهد. برای گرافیک ساده، این می تواند برخی از تنوع و علاقه به آنچه که در غیر این صورت یک تصویر ساده و یا خسته کننده می تواند اضافه کنید. همانطور که با تمام تغییرات، چرخش کار می کند به عنوان بخشی از انیمیشن و یا برای یک گرافیک استاتیک. یادگیری نحوه استفاده از چرخش در SVG، یا Scalable Vector Graphics ، به شما اجازه می دهد تا یک زاویه مشخص به طرح شکل خود را درخواست دهید. تابع چرخش SVG برای تبدیل تصویر به هر دو جهت کار می کند.
درباره چرخش
تابع چرخش همه چیز در مورد زاویه گرافیک است. هنگام طراحی یک تصویر SVG ، می خواهید یک مدل استاتیک ایجاد کنید که احتمالا در یک زاویه سنتی قرار می گیرد. به عنوان مثال، یک مربع دو طرف در امتداد محور X و دو در امتداد محور Y داشته باشد. با چرخش، می توانید همان مربع را بگیرید و آن را به شکل الماس تبدیل کنید.
فقط با یک اثر، شما از جعبه بسیار معمولی (که در وب سایت فوق العاده رایج است) به الماس رفته، که در همه چیز معمول نیست و برخی از انواع بصری جالب را به یک طراحی اضافه کرده است. چرخش همچنین بخشی از ظرفیت های انیمیشن در SVG است. یک دایره می تواند به طور مداوم در حالی که نمایش داده می شود. این حرکت می تواند توجه بازدیدکنندگان را جلب کند و به شما در تمرکز بر تجربه خود در زمینه کلیدی یا عناصر طراحی کمک کند.
چرخش روی این نظریه کار می کند که یک نقطه در تصویر ثابت باقی خواهد ماند. تصور کنید یک تکه کاغذ به یک کارتن با یک پین فشار داده شده است. محل پین نقطه ثابت است. اگر کاغذ را با گرفتن یک لبه چرخانده و آن را در جهت حرکت عقربه های ساعت یا عقربه های ساعت چرخش دهید، فشار پین هرگز حرکت نمی کند، اما مستطیل هنوز زاویه را تغییر می دهد. کاغذ چرخش می یابد، اما نقطه ثابت پین بدون تغییر باقی می ماند. این خیلی مشابه کارکرد چرخش است.
چرخش نحو
با چرخش، شما می توانید زاویه نوبت و مختصات منطقه ثابت را لیست کنید.
تبدیل = "چرخش (45،100،100)"زاویه چرخش اولین چیزی است که شما اضافه می کنید. در این کد، زاویه چرخش 45 درجه است. نقطه مرکزی چیزی است که بعدا می توانید اضافه کنید. در اینجا، این نقطه مرکزی در مختصات 100، 100 قرار دارد. اگر شما به مختصات موقعیت مرکزی وارد نشوید، به طور پیشفرض به 0.0 میرسد. در مثال زیر، زاویه همچنان 45 درجه است، اما از آنجا که نقطه مرکزی ایجاد نشده است، به مقدار پیش فرض به 0.0 میرسد.
تبدیل = "چرخش (45)"به طور پیش فرض، زاویه به طرف سمت راست نمودار می رود. برای چرخاندن شکل در جهت مخالف، از علامت منفی برای نمایش یک مقدار منفی استفاده کنید.
تبدیل = "چرخش (-45)"چرخش 45 درجه ای یک چهارم چرخش است، زیرا زاویه ها بر اساس یک دایره 360 درجه است. اگر انقلاب را به عنوان 360 فهرست کنید، تصویر تغییری نخواهد کرد، زیرا شما به معنای واقعی کلمه آن را در یک دایره کامل تغییر داده اید، بنابراین نتیجه نهایی همان ظاهر خواهد بود که شما شروع کردید.