Сазнајте како да ротирате у СВГ

Скалабилна векторска графика Ротира функција

Ротирање слике ће променити угао на коме се слика приказује. За једноставну графику ово може додати неколикву разноликост и интересовање за оно што иначе може бити директна или досадна слика. Као и код свих трансформација, ротирајте радове као део анимације или статичне графике. Учење како да користите ротацију у СВГ-у или Сцалабле Вецтор Грапхицс-у , омогућава вам да изаберете посебан угао према дизајну вашег облика. Функција ротације СВГ ради на томе да претвори слику у било који смер.

О Ротате

Функција ротације је све око угла графике. Када дизајнирате СВГ слику , креирате статички модел који ће вероватно сједити под традиционалним углом. На пример, квадрат ће имати двије стране дуж Кс-оси и два дуж И-осе. Са ротирањем, можете да узмете исти квадрат и претворите га у форму дијаманта.

Уз само тај ефекат, отишли ​​сте из врло типичне кутије (која је врло честа на веб страницама) до дијаманта, што уопште није уобичајено и које није додало неку интересантну визуелну варијанту у дизајн. Ротирање је такође део анимационих капацитета у СВГ-у. Круг се константно претвара док се приказује. Овај покрет може привући пажњу посетилаца и помоћи вам да фокусирате своје искуство на кључној области или елементима у дизајну.

Ротирајте радове на теорији да ће једна тачка на слици остати фиксирана. Замислите парче папира причвршћене за картон с пусх-пином. Локација пин је фиксно место. Ако окренете папир хватањем ивице и окретањем у смеру казаљке на сату или у супротном смеру казаљке на сату, тастер никада не помера, али правоугаоник и даље мења углове. Папир ће се окретати, али фиксна тачка пина остаје непромењена. Ово је врло слично функционисању ротате функције.

Ротирај синтаксу

Са ротирањем наведите угао окрета и координате фиксне области.

трансформ = "ротирај (45.100.100)"

Угао ротације је прва ствар коју додате. У овом коду, угао ротације је 45 степени. Средишња тачка је оно што бисте додали следећи. Овде, та тачка централе налази се на координатама 100, 100. Ако не уђете у координате централног положаја, они ће се подразумевати на 0,0. У следећем примеру, угао би и даље био 45 степени, али пошто средишња тачка није утврђена, она ће се подразумевати на 0,0.

трансформ = "ротирај (45)"

Подразумевано, угао иде према десној страни графикона. За окретање облика у супротном правцу, користите знак минус да наведете негативну вредност.

трансформ = "ротирати (-45)"

Ротација од 45 степени је четвртина окрета, јер су углови засновани на кругу од 360 степени. Ако препоручите револуцију као 360, слика се неће променити, јер је буквално померате у пуном кругу, тако да је крајњи резултат идентичан по изгледу где сте почели.