Mësoni si të rrotulloni në SVG

Grafik Vector Scalable Rrotulloje Funksionin

Rrotullimi i një imazhi do të ndryshojë këndin në të cilin është shfaqur imazhi. Për grafikë të thjeshtë, kjo mund të shtojë shumëllojshmëri dhe interes për atë që përndryshe mund të jetë një imazh i drejtpërdrejtë ose i mërzitshëm. Ashtu si me të gjitha transformimet, rrotullohen veprat si pjesë e një animacioni ose për një grafik statik. Mësoni se si të përdorni rrotullimin në SVG ose Grafikun e shkallëzuar të vektorit , ju lejon të kërkoni një kënd të veçantë në hartimin e formës suaj. Funksioni SVG rrotullohet për të kthyer imazhin në të dy drejtimet.

Rreth Rrotullimit

Funksioni i rrotullimit është gjithçka rreth këndit të grafikut. Kur dizajnoni një imazh SVG , do të krijoni një model statik që ndoshta do të ulet në një kënd tradicional. Për shembull, një katror do të ketë dy anët përgjatë aksit X dhe dy përgjatë aksit Y. Me rrotullimin, mund të merrni atë shesh të njëjtë dhe ta ktheni atë në një formim diamanti.

Me vetëm një efekt, ju keni shkuar nga një kuti shumë tipike (e cila është shumë e zakonshme në faqet e internetit) në një diamant, i cili nuk është aspak i zakonshëm dhe që nuk ka shtuar ndonjë larmi interesante vizuale në një dizajn. Rrotullimi është gjithashtu pjesë e kapaciteteve animuese në SVG. Një rreth mund të kthehet vazhdimisht ndërsa po shfaqet. Ky mocion mund të tërheqë vëmendjen e vizitorëve dhe t'ju ndihmojë që të përqendroni përvojën e tyre në zonën kryesore ose elementet në një dizajn.

Rotate punon në teorinë se një dot në imazhin do të mbetet fikse. Imagjinoni një copë letre të bashkangjitur me karton me një shtytje-pin. Vendndodhja e pikës është pika fikse. Nëse e ktheni letrën duke kapur një buzë dhe duke e rrotulluar atë në një lëvizje në drejtim të akrepave të sahatit ose kundërsulm, shtytësi nuk lëviz kurrë, por drejtkëndëshi ende ndryshon këndet. Letra do të rrotullohet, por pika fikse e kunjit mbetet e pandryshuar. Kjo është shumë e ngjashme me funksionin e rrotullimit.

Rrotulloni sintaksën

Me rrotullim, ju shënoni këndin e kthesës dhe koordinatat e zonës fikse.

transformuar = "rrotullohen (45.100.100)"

Këndi i rrotullimit është gjëja e parë që shtoni. Në këtë kod, këndi i rrotullimit është 45 gradë. Pika qendrore është ajo që ju do të shtoni tjetër. Këtu, kjo pikë qëndron në koordinatat 100, 100. Nëse nuk futni koordinatat e pozicionit qendror, ato do të jenë default në 0,0. Në shembullin e mëposhtëm, këndi do të vazhdojë të jetë 45 gradë, por meqenëse pika qendrore nuk është vendosur, ajo do të jetë default në 0,0.

transformuar = "rrotullimit (45)"

By default, kënd shkon drejt anën e djathtë të grafikut. Për të rrotulluar formën në drejtim të kundërt, përdorni një shenjë minus për të shënuar një vlerë negative.

transformuar = "rrotullohen (-45)"

Një rrotullim me 45 shkallë është një çerek kthesë pasi këndet janë të bazuara në një rreth 360-shkallë. Nëse e rendit revolucionin si 360, imazhi nuk do të ndryshonte, sepse ju e zhvendosni në një rreth të plotë, kështu që rezultati përfundimtar do të ishte i njëjtë me pamjen e vendit ku keni filluar.