Даведайцеся, як Паварот у SVG

Scalable Vector Graphics Функцыя паварот

Паварот выявы зменіць кут, што выява адлюстроўваецца ст. Для простай графікі, гэта можа дадаць некаторы разнастайнасць і цікавасць да таго, што ў адваротным выпадку можа быць простым або сумным чынам. Як і з усімі пераўтварэннямі, паварот працуе як частка анімацыі або для статычнай графікі. Навучыцца выкарыстоўваць круціцца ў SVG, або Scalable Vector Graphics , дазваляе запытаць выдатны кут для дызайну вашай фігуры. Функцыя павароту SVG працуе, каб павярнуць малюнак у любым кірунку.

Аб Rotate

Функцыя павароту ўсё аб вугле графіка. Пры стварэнні ў SVG малюнка , вы збіраецеся стварыць статычную мадэль , якая, верагодна , сядзець на традыцыйны вугалі. Напрыклад, квадрат будзе мець два бакі ўздоўж восі Х і дзве па Y-восі. З паваротам, вы можаце ўзяць той жа квадрат, і ператварыць яго ў ромб.

З дапамогай усяго гэтага адзін эфекту, вы пайшлі з вельмі тыповай скрынкі (што вельмі часта сустракаецца на сайтах) да алмаза, які не з'яўляецца агульным на ўсіх, і якія яшчэ не дадалі некаторыя цікавыя візуальныя разнастайнасць у дызайн. Паварот таксама з'яўляецца часткай анімацыі магутнасцяў у SVG. Круг можа ператварыцца ў той час як увесь час адлюстроўваецца. Гэты рух можа прыцягнуць увагу наведвальнікаў і дапаможа вам засяродзіцца сваім вопыт на ключавых галінах або элементах канструкцыі.

Паварот працуе на тэорыі, што адна кропка на малюнку будзе заставацца нерухомым. Уявіце сабе ліст паперы, прымацаваны да кардоне з націскным штыфтам. Месцазнаходжанне кантакту з'яўляецца фіксаванай кропкай. Калі перавярнуць паперу, захопліваючы край і круцячы яго ў руху па гадзіннікавай стрэлцы або супраць гадзінны стрэлкі, націскной штыфт ніколі не рухаецца, але прастакутнік ўсё яшчэ змяняецца angles.The папера будзе круціцца, але нерухомая кропка штыфта застаецца нязменнай. Гэта вельмі падобна на тое, як працуе функцыя павароту.

паварот Сінтаксіс

З павароту, вы пералічваеце кут павароту і каардынаты фіксаванай вобласці.

пераўтварэнне = «паварот (45100100)»

Кут павароту першае, што вы дадаеце. У гэтым кодзе, кут павароту 45 градусаў. Справа ў тым, што цэнтр неабходна дадаць наступны. Тут, што цэнтральная кропка знаходзіцца ў кропцы з каардынатамі 100, 100. Калі вы не ўводзіце цэнтр каардынаты месцазнаходжання, яны будуць па змаўчанні 0,0. У прыведзеным ніжэй прыкладзе, кут усё роўна будзе 45 градусаў, але так як цэнтральная кропка не была ўсталяваная, то па змаўчанні будзе 0,0.

пераўтварэнне = "паварот (45)"

Па змаўчанні кут ідзе да правай баку графіка. Для таго, каб павярнуць форму ў процілеглым кірунку, то выкарыстоўвайце знак мінус спіс адмоўнага значэння.

пераўтварэнне = "паварот (-45)"

паварот на 45 градусаў на чвэрць абароту, так як куты заснаваныя на 360 градусаў круга. Калі вы пералічваеце рэвалюцыю, як 360, малюнак не зменіцца, таму што вы літаральна гартаць яе ў поўным крузе, так што канчатковы вынік будзе ідэнтычным па вонкавым выглядзе, дзе вы пачалі.