Ikasi nola biratu SVG-n

Bektore grafikoen eskalatzaileak biraketa funtzioa

Irudi bat biratzean irudian agertzen den angelua aldatuko da. Grafiko sinpleetarako, beste irudi eta irudi aspergarri batzuk sor ditzakete barietate eta interesa. Aldaketa guztiekin bezala, biratu lanak animazio baten zati gisa edo grafiko estatiko batera. SVG edo Scalable Vector Graphics erabiltzeko nola erabiltzen ikasteko aukera ematen du angelu desberdin bat zure forma diseinatzeko. SVG biratu funtzioak irudia orekan bira dezan funtzionatzen du.

Biratu buruz

Biratu funtzioa grafikoaren angelua da. SVG irudia diseinatzen duzunean, ohiko angeluan eseri egingo den eredu estatiko bat sortuko duzu. Adibidez, plaza bi aldeek X ardatzean eta bi Y ardatzean zehar izango dute. Biratu batera, karratu bera hartu eta diamante eraketa bihurtuko zaizu.

Eragina izanik, diamante bati oso ohikoa den kutxa batetik (oso ohikoa den webguneetan) joan zara, eta hori ez da ohikoa, eta diseinuaren barietate bisual interesgarria gehitzen ez duena. Biratu SVG animazioaren gaitasunak ere badaude. Zirkulua etengabe piztuta dagoen bitartean. Mugimendu honek bisitarien arreta erakartzen du eta bere esperientzia gako-area edo elementu batean diseinuan diseinatzen laguntzen dizu.

Irudian puntu bat konponduko den teoriaren gainean biratu. Imajinatu kartoiarekin atxikitako paper zati bat push-pin batekin. Pin kokapenaren kokapena finkoa da. Txanda aldatzen baduzu ertz bat grabatzen baduzu eta erlojuaren norabidean kontrako norabidean mugitzen den mugimendua biratzean, push-pin inoiz mugitzen da, baina laukizuzenak angeluak aldatzen jarraitzen du. Paperak biratzen du, baina pinaren puntu finkoa ez da aldatzen. Hau biratu funtzioa nola funtzionatzen duen oso antzekoa da.

Biratu sintaxia

Biratu batera, txandaren angelua eta kokapen finkoaren koordenatuak zerrendatuko dituzu.

eraldatu = "biratu (45,100,100)"

Biraketa angelua gehitzen duzun lehen gauza da. Kodea honetan, biraketa angelua 45 gradukoa da. Zentroaren puntua hurrengoan gehituko zenuke. Hemen, erdiko puntua 100 eta 100 koordenatuetan kokatzen da. Zentro posizio koordenatuak sartzen ez badituzu, 0.0. Beheko adibidean, angelua 45 gradu izango litzateke oraindik, baina erdiko puntua ez denez, 0,0 izango da.

eraldatu = "biratu (45)"

Lehenespenez, angelua grafikoaren eskuinaldera doa. Forma alderantzizko norabidean biratzeko, minus zeinu bat balio negatibo bat zerrendatzeko erabiltzen duzu.

eraldatu = "biratu (-45)"

45 graduko biraketa hiruhileko laurden bat da, angeluak 360 graduko zirkuluan oinarritzen direlako. Iraultza 360 zerrendatzen baduzu, irudia ez litzateke aldatuko literalki zirkulu oso batean biraka ari zarenez, beraz, azken emaitza itxura berdina izango zen.