Razširljiva vektorska grafika Rotiraj funkcijo
Vrtenje slike spremeni kot, na katerega se prikaže slika. Za preproste grafike lahko to dodaja nekaj raznolikosti in zanimanja za tisto, kar bi sicer lahko bila preprosta ali dolgočasna podoba. Kot pri vseh preoblikovanjih, vrtite dela kot del animacije ali statične grafike. Učenje, kako uporabiti vrtenje v SVG ali Scalable Vector Graphics , omogoča, da zahtevate različen kot oblikovanja oblike. Funkcija vrtenja SVG deluje tako, da obrača sliko v obe smeri.
O vrtenju
Funkcija vrtenja je vse okoli kota grafike. Ko oblikujete sliko SVG , boste ustvarili statični model, ki bo verjetno sedel pod tradicionalnim kotom. Na primer, kvadrat bo imel dve strani vzdolž osi X in dve vzdolž Y-osi. Z vrtenjem lahko vzamete isti kvadrat in ga spremenite v oblikovanje diamantov.
S samo enim učinkom ste od zelo značilne škatle (ki je zelo pogost na spletnih mestih) oddaljena do diamanta, kar sploh ni običajno in ki ni zasnovalo neke zanimive vizualne raznolikosti. Rotiranje je tudi del animacijskih zmogljivosti v SVG. Krog se lahko med prikazovanjem neprestano obrača. Ta predlog lahko pritegne pozornost obiskovalcev in vam pomaga, da svoje izkušnje osredotočite na ključno področje ali elemente v oblikovanju.
Zavrtite dela na teoriji, da bo ena pika na sliki ostala nespremenljiva. Predstavljajte si kos papirja, pritrjen na kartonski karton s potiskom. Mesto pin je fiksno mesto. Če papir obračate tako, da ga obračate in ga vrtite v smeri urinega kazalca ali v nasprotni smeri urinega kazalca, se potisni gumb nikoli ne premakne, pravokotnik pa še vedno spremeni koti. Papir se bo vrtel, toda fiksna točka čepa ostane nespremenjena. To je zelo podobno funkciji rotacije.
Zavrti sintakso
Z vrtenjem boste navedli kot zavoja in koordinate fiksnega območja.
transform = "vrti (45.100.100)"Kot vrtenja je prva stvar, ki jo dodate. V tej kodi je kot vrtenja 45 stopinj. Središče je tisto, kar bi dodali naslednji. Tu se ta središčna točka nahaja na koordinatah 100, 100. Če ne vstopite v koordinate centralnega položaja, bodo privzete vrednosti 0,0. V spodnjem primeru je kot še vedno 45 stopinj, vendar pa središče ni bilo ugotovljeno, bo privzeto 0,0.
transform = "vrti (45)"Privzeto je kot proti desnemu delu grafa. Če želite zavrteti obliko v nasprotni smeri, uporabite znak minus, da navedete negativno vrednost.
transform = "vrti (-45)"Rotacija na 45 stopinj je četrtina, saj so koti zasnovani na krogu 360 stopinj. Če revolucijo navedete kot 360, se slika ne bi spremenila, ker jo dobesedno obračate v polni krog, tako da bi bil končni rezultat enak videzu, kamor ste začeli.