Tgħallem kif iddur f'SVG

Skala tal-Grafika tal-Virazzjoni Rotatriċi

Ir-rotta ta 'immaġini se tbiddel l-angolu li dik l-immaġni tidher fuq. Għal grafika sempliċi, dan jista 'jżid xi varjetà u interess għal dak li altrimenti jista' jkun immaġni ċara jew boring. Bħal kull trasformazzjoni, iddawwar ix-xogħlijiet bħala parti minn animazzjoni jew għal grafika statika. Titgħallem kif tuża dawwar fl SVG, jew Scalable Vector Graphics , jippermettilek titlob angolu distint għad-disinn tal-forma tiegħek. Il-funzjoni SVG ta 'rotazzjoni taħdem biex iddawwar l-immaġni f'xi direzzjoni.

Dwar Dawwar

Il-funzjoni ta 'rotazzjoni hija kollha dwar l-angolu tal-grafika. Meta tiddisinja immaġni SVG , inti se toħloq mudell statiku li x'aktarx se toqgħod f'angolu tradizzjonali. Pereżempju, kwadru għandu żewġ naħat tul l-assi X u tnejn tul l-assi Y. Bir-rotazzjoni, tista 'tieħu dik l-istess kwadru u dawwarha f'formazzjoni ta' djamant.

Biss b'dak l-effett wieħed, inti marru minn kaxxa tipika ħafna (li hija super komuni fuq websajts) għal djamant, li mhux komuni u li ma żiedx xi varjetà viżwali interessanti għal disinn. Ir-rotta hija wkoll parti mill-kapaċitajiet ta 'animazzjoni fl-SVG. Ċirku jista 'jduru kontinwament waqt li jkun qiegħed jintwera. Din il-mozzjoni tista 'tiġbed l-attenzjoni tal-viżitaturi u tgħinek tiffoka l-esperjenza tagħhom fuq qasam jew elementi ewlenin f'disinn.

Iddawwar ix-xogħlijiet fuq it-teorija li punt wieħed fuq l-immaġni se jibqa 'fiss. Immaġina biċċa karta mwaħħla mal-kartun b'pinna. Il-pożizzjoni tal-pin hija l-post fiss. Jekk iddawwar il-karta billi aqbad tarf u dawwarha f'moviment lejn il-lemin jew kontra l-arloġġ, il-buttuna tal-imbuttatura qatt ma timxi, iżda r-rettangolu għadu jbiddel l-angoli. Il-karta għandha tiddawwar, iżda l-punt fiss tal-pin jibqa 'mhux mibdul. Dan huwa simili ħafna għal kif taħdem il-funzjoni ta 'rotazzjoni.

Immarka Sintassi

Bil-rotazzjoni, għandek telenka l-angolu tad-dawran u l-koordinati taż-żona fissa.

trasformat = "dawwar (45,100,100)"

L-angolu tar-rotazzjoni huwa l-ewwel ħaġa li żżid. F'dan il-kodiċi, l-angolu ta 'rotazzjoni huwa ta' 45 grad. Il-punt ċentrali huwa dak li għandek iżżid li jmiss. Hawnhekk, dak il-punt ċentrali joqgħod f'koordinati 100, 100. Jekk ma tidħolx fil-koordinati tal-pożizzjoni taċ-ċentru, dawn għandhom default għal 0,0. Fl-eżempju ta 'hawn taħt, l-angolu xorta jkun ta' 45 grad, iżda peress li l-punt ċentrali ma ġiex stabbilit, se jonqos għal 0.0.

trasform = "dawwar (45)"

B'mod default, l-angolu jmur lejn in-naħa tal-lemin tal-graff. Biex iddawwar il-forma fid-direzzjoni opposta, tuża sinjal imnaqqas biex telenka valur negattiv.

trasform = "dawwar (-45)"

Rotazzjoni ta '45 grad hija kwart ta' dawra minħabba li l-angoli huma bbażati fuq ċirku ta '360 grad. Jekk telenka r-rivoluzzjoni bħala 360, l-immaġni ma tinbidilx għax int litteralment flipping f'ċirku sħiħ, għalhekk ir-riżultat finali jkun identiku fid-dehra sa fejn bdejt.