Scalable Vector Graphics Pabagagan ang Function
Ang pagpuli sa usa ka imahen mag-usab sa anggulo nga gipakita sa imahe sa. Alang sa yano nga mga graphic, kini makadugang sa nagkalainlain ug interes sa bisan unsa nga mahimong usa ka matinud-anon o makalaay nga larawan. Sama sa tanan nga mga pagbag-o, pag-rotate ang mga buhat isip bahin sa usa ka animation o alang sa usa ka static nga graphic. Ang pagkat-on kon unsaon paggamit sa pag-rotate sa SVG, o Scalable Vector Graphics , nagtugot kanimo sa paghangyo og usa ka anggulo sa disenyo sa imong porma. Ang SVG nga rotate function adunay mga lihok aron mapabalik ang imahe sa bisan asa nga direksyon.
About Rotate
Ang rotate function mao ang tanan mahitungod sa anggulo sa graphic. Kung magdisenyo ka og usa ka SVG nga larawan , ikaw maghimo ug static nga modelo nga tingali molingkod sa usa ka tradisyonal nga anggulo. Pananglitan, ang usa ka kuwadrado adunay duha ka kilid ubay sa X-axis ug ang duha ubay sa Y-axis. Pinaagi sa pagtuyok, mahimo nimong kuhaon ang sama nga kwadro ug himoon kini nga porma sa diamante.
Tungod sa usa lang ka epekto, nakuha na nimo ang usa ka tipikal kaayo nga kahon (nga labing komon sa mga website) ngadto sa usa ka brilyante, nga dili komon ug wala magdugang sa pipila nga makapainteres nga matang sa usa ka disenyo. Ang rotate usab kabahin sa mga kapasidad sa animation sa SVG. Ang usa ka lingin mahimong kanunay nga mag-usab samtang gipakita. Kini nga paglihok makadani sa atensyon sa mga bisita ug makatabang kanimo sa pag-focus sa ilang kasinatian sa mga importante nga lugar o mga elemento sa usa ka disenyo.
Piho ang mga buhat sa teoriya nga ang usa ka tulbok sa hulagway magpabilin nga gitakda. Hunahunaa ang usa ka piraso nga papel nga gilakip sa karton nga adunay usa ka push-pin. Ang pin lokasyon mao ang fixed nga lugar. Kon ibutang nimo ang papel pinaagi sa paghakot sa usa ka ngilit ug pag-rotate niini sa usa ka orasan o sa tibuuk nga motion motion, ang push-pin dili molihok, apan ang rektanggulo nag-usab sa mga anggulo. Ang papel maglikol, apan ang giputol nga punto sa pin dili mausab. Kini susama kaayo sa kung unsa ang function nga rotate.
Pag-rotate sa Syntax
Pinaagi sa pagtuyok, imong gilista ang anggulo sa turno ug ang mga koordinado sa fixed area.
usba = "tuyok (45,100,100)"Ang anggulo sa pagtuyok mao ang unang butang nga imong idugang. Niini nga kodigo, ang anggulo sa rotation 45 degrees. Ang sentro nga punto mao ang imong idugang sa sunod. Dinhi, kanang sentro nga punto molingkod sa mga koordinado nga 100, 100. Kung dili ka mosulod sa posisyon sa mga koordinetor, kini mahimong default sa 0,0. Sa panig-ingnan sa ubos, ang anggulo sa gihapon 45 degree, apan tungod kay ang sentro nga punto wala matukod, kini wala'y mahimo sa 0,0.
pagbalhin = "tuyok (45)"Sa default, ang anggulo moadto sa tuo nga bahin sa graph. Aron ipuli ang porma sa atbang nga direksyon, mogamit ka og usa ka minus nga ilhanan sa paglista sa negatibo nga bili.
transform = "rotate (-45)"Ang 45-degree nga rotation usa ka quarter turno sukad ang mga anggulo gibase sa usa ka 360-degree circle. Kon imong ilista ang rebolusyon isip 360, ang imahe dili mausab tungod kay kini literal nga paglabay niini sa usa ka bug-os nga lingin, mao nga ang resulta mao ang managsama sa hitsura sa imong gisugdan.