Uzziniet, kā rotēt SVG

Mērogojamu vektorgrafikas rotācijas funkcija

Attēla pagriešana maina leņķi, kāds attēlots šajā attēlā. Vienkāršai grafikai tas var pievienot dažādu veidu un interesi par to, kas citādi varētu būt vienkāršs vai garlaicīgs attēls. Tāpat kā visos pārveidojumos, rotējiet darbus kā daļu no animācijas vai statiskas grafikas. Mācīšanās, kā izmantot rotāciju SVG vai Scalable Vector Graphics , ļauj pieprasīt atšķirīgu leņķi pret jūsu formas dizainu. SVG rotācijas funkcija darbojas, lai ieslēgtu attēlu abos virzienos.

Par pogu Pagriezt

Rotācijas funkcija ir viss par grafikas leņķi. Izstrādājot SVG attēlu , jūs gatavojaties izveidot statisku modeli, kas droši vien sēdētu tradicionālā leņķī. Piemēram, kvadrātam ir divas malas gar X asi un divi pa Y asi. Ar pagriezienu jūs varat uzņemt to pašu kvadrātu un pārvērst to dimantu formā.

Ar šo vienu efektu jūs esat izgājis no ļoti tipiskas lodziņa (kas ir ļoti populāra tīmekļa vietnēs) uz dimantu, kas nav vispārpieņemts un kas dizainam nav pievienojis interesantu vizuālo šķirni. Pagriezt ir arī SVG animācijas jaudas daļa. Apļa rādījums var pastāvīgi pagriezties. Šis ierosinājums var pievērst apmeklētāju uzmanību un palīdzēt koncentrēt savu pieredzi uz galveno jomu vai dizainparauga elementiem.

Tiek pagriezts darbs pie teorijas, ka viens punkts attēlā paliks nemainīgs. Iedomājieties papīru, kas piestiprināts kartonam ar spiedpogu. Spraudītes vieta ir fiksēta vieta. Ja jūs ieslēdzat papīru, satverot malu un rotējot to pulksteņrādītāja kustības virzienā vai pretēji pulksteņrādītāja kustības virzienam, spiedpogas nekad nenokļūst, bet taisnstūris joprojām izmaina leņķi. Papīrs spiests, bet tapa nemainīsies. Tas ir ļoti līdzīgs tam, kā darbojas rotācijas funkcija.

Pagriezt sintakse

Pagriežot, jūs norādiet pagrieziena leņķi un fiksētās zonas koordinātas.

pārveidot = "pagriezt (45,100,100)"

Rotācijas leņķis ir pirmā lieta, ko pievienojat. Šajā kodā rotācijas leņķis ir 45 grādi. Centrālais punkts ir tas, ko jūs varētu pievienot nākamo. Šeit šis centra punkts atrodas koordinātās 100, 100. Ja jūs neieviesīsit centra pozīcijas koordinātas, tās noklusējuma vērtība būs 0,0. Turpmākajā piemērā leņķis joprojām būtu 45 grādi, bet, tā kā centrālais punkts nav izveidots, tas pēc noklusējuma būs 0,0.

pārveidot = "pagriezt (45)"

Pēc noklusējuma leņķis iet uz diagrammas labās puses. Lai pagrieztu formu pretējā virzienā, jūs izmantojat mīnus zīmi, lai uzskaitītu negatīvu vērtību.

pārveidot = "pagriezt (-45)"

45 grādu rotācija ir ceturtdaļa savukārt, jo leņķi balstās uz 360 grādu apli. Ja jūs atzīmēsiet 360. revolūciju, attēls netiks mainīts, jo jūs to burtiski pārspīlējat pilnā lokā, tāpēc gala rezultāts būtu tāds pats kā jūsu vietā.