Alamin kung Paano Paikutin sa SVG

Scalable Vector Graphics I-rotate ang Function

Ang pag-ikot ng isang imahe ay magbabago sa anggulo kung saan ang imahe ay ipinapakita sa. Para sa mga simpleng graphics, maaari itong magdagdag ng iba't ibang uri at interes sa kung ano ang maaaring maging isang direkta o pagbubutas imahe. Tulad ng lahat ng transformations, paikutin ang gumagana bilang bahagi ng isang animation o para sa isang static na graphic. Ang pag-aaral kung paano gamitin ang paikutin sa SVG, o Scalable Vector Graphics , ay nagbibigay-daan sa iyo upang humiling ng isang natatanging anggulo sa disenyo ng iyong hugis. Gumagana ang SVG function na paikutin upang i-on ang imahe sa alinmang direksyon.

Tungkol sa I-rotate

Ang pag-rotate function ay tungkol sa anggulo ng graphic. Kapag nag-disenyo ka ng isang imahe ng SVG , pupunta ka upang lumikha ng isang static na modelo na marahil ay umupo sa isang tradisyunal na anggulo. Halimbawa, ang isang parisukat ay magkakaroon ng dalawang panig sa kahabaan ng X-axis at dalawa kasama ang Y-axis. Sa pamamagitan ng pag-ikot, maaari mong gawin ang parehong parisukat at i-on ito sa isang pagbuo ng brilyante.

Sa pamamagitan lamang ng isang epekto, ikaw ay nawala mula sa isang napaka tipikal na kahon (na kung saan ay sobrang karaniwan sa mga website) sa isang brilyante, na kung saan ay hindi pangkaraniwan sa lahat at kung saan ay hindi naidagdag ang ilang mga kawili-wiling visual na iba't sa isang disenyo. Paikutin ding bahagi ng mga kapasidad ng animation sa SVG. Ang isang bilog ay maaaring maging patuloy habang ipinapakita. Ang paggalaw na ito ay maaaring gumuhit ng pansin ng mga bisita at makatutulong sa iyo na ituon ang kanilang karanasan sa pangunahing lugar o mga elemento sa isang disenyo.

Paikutin gumagana sa teorya na ang isang tuldok sa imahe ay mananatiling maayos. Isipin ang isang piraso ng papel na naka-attach sa karton na may push-pin. Ang pin lokasyon ay ang nakapirming lugar. Kung i-on mo ang papel sa pamamagitan ng pag-agaw ng gilid at pag-ikot nito sa isang orasan o counter-clockwise na paggalaw, ang push-pin ay hindi gumagalaw, ngunit ang rectangle ay nagbabago pa rin ang mga anggulo. Ang papel ay iikot, ngunit ang fixed point ng pin ay hindi nagbabago. Ito ay halos kapareho sa kung paano gumana ang function na paikutin.

I-rotate ang Syntax

Sa pag-rotate, ilista mo ang anggulo ng pagliko at ang mga coordinate ng nakapirming lugar.

ibahin ang anyo = "paikutin (45,100,100)"

Ang anggulo ng pag-ikot ay ang unang bagay na idaragdag mo. Sa ganitong code, ang anggulo ng pag-ikot ay 45-degree. Ang sentro ng punto ay ang susunod mong idagdag. Dito, ang sentrong punto ay nakaupo sa mga coordinate 100, 100. Kung hindi ka pumasok sa coordinate posisyon ng center, sila ay magiging default sa 0,0. Sa halimbawa sa ibaba, ang anggulo ay magiging 45-degree pa rin, ngunit dahil ang gitnang punto ay hindi naitatag, ito ay magiging default sa 0,0.

ibahin ang anyo = "paikutin (45)"

Bilang default, ang anggulo ay patungo sa kanang bahagi ng graph. Upang paikutin ang hugis sa tapat na direksyon, gumamit ka ng minus sign upang maglista ng negatibong halaga.

ibahin ang anyo = "paikutin (-45)"

Ang isang 45-degree na pag-ikot ay isang isang-kapat ng pagliko dahil ang mga anggulo ay batay sa isang 360-degree na bilog. Kung ilista mo ang rebolusyon bilang 360, ang imahe ay hindi magbabago dahil literal ka na i-flipping ito sa isang buong lupon, kaya ang resulta ay magiging magkapareho sa hitsura kung saan ka nagsimula.