Lærðu hvernig á að snúa í SVG

Stækkanlegt Víkra Grafík Snúa Virka

Snúningur myndar breytir því horninu sem þessi mynd birtist á. Fyrir einföld grafík getur þetta bætt við fjölbreytni og áhuga á því sem annars gæti verið einfalt eða leiðinlegt mynd. Eins og með allar umbreytingar, snúið virkar sem hluti af hreyfimynd eða myndrænu mynd. Að læra hvernig á að nota snúning í SVG, eða Scalable Vector Graphics , gerir þér kleift að biðja um sérstakt horn á hönnun mótsins þíns. SVG-snúningur virkar til að snúa myndinni í báðar áttir.

Um Snúa

Snúningur virkar allt um horn grafisins. Þegar þú ert að búa til SVG mynd , þú ert að fara að búa til truflanir líkan sem mun líklega sitja í hefðbundnum horn. Til dæmis mun ferningur hafa tvær hliðar meðfram X-ásnum og tveimur meðfram Y-ásnum. Með snúningi getur þú tekið sama veldi og breytt því í demanturmyndun.

Með einmitt þessi áhrif hefur þú farið úr mjög dæmigerðum kassa (sem er mjög algengt á vefsíðum) í demantur, sem er ekki algengt og hefur ekki bætt við áhugaverðum sjónrænum fjölbreytni í hönnun. Snúa er einnig hluti af hreyfimyndum í SVG. Hringur getur snúið stöðugt meðan hann birtist. Þessi hreyfing getur vakið athygli gesta og hjálpað þér að einblína á reynslu sína á lykilatriðum eða þætti í hönnun.

Snúðu verkum við kenninguna að einn punktur á myndinni verði fastur. Ímyndaðu þér stykki af pappír sem fylgir pappa með ýttu pinna. Pinna staðsetningin er fastur punktur. Ef þú snýrð pappírinu með því að grípa brún og snúa henni með réttsælis eða réttsælis hreyfingu færðu stimplinn aldrei, en rétthyrningur breytist ennþá. Papírinn snúist, en fastur punktur spjaldsins er óbreyttur. Þetta er mjög svipað því hvernig snúningur virkar.

Snúðu setningafræði

Með snúningi skráir þú horn snúningsins og hnit fastra svæðisins.

umbreyta = "snúa (45,100,100)"

Snúningshornið er það fyrsta sem þú bætir við. Í þessari kóða er snúningshraði 45 gráður. Miðpunkturinn er það sem þú myndir bæta við næstum. Hér er miðpunkturinn settur á hnit 100, 100. Ef þú færir ekki inn staðsetningarhnit, verður þeir sjálfgefið að 0,0. Í dæminu hér fyrir neðan myndi hornið vera 45 gráður en frá því að miðpunkturinn hefur ekki verið staðfest verður hann sjálfgefið að 0,0.

umbreyta = "snúa (45)"

Sjálfgefið fer hornið í átt að hægri hlið grafisins. Til að snúa forminu í gagnstæða átt notarðu mínusmerki til að skrá neikvætt gildi.

umbreyta = "snúa (-45)"

45 gráðu snúningur er fjórðungur snúningur frá því að hornin eru byggð á 360 gráðu hring. Ef þú skráir byltingu sem 360, myndin myndi ekki breytast vegna þess að þú ert bókstaflega snúið því í fullri hring, þannig að niðurstaðan væri eins og útlit þar sem þú byrjaðir.