Sinau Carane Puter ing SVG

Scalable Vector Graphics Rotate Function

Puteran gambar bakal ngganti sudut sing ditampilake ing gambar kasebut. Kanggo grafis prasaja, iki bisa nambah macem-macem lan kapentingan kanggo apa bisa dadi gambar langsung utawa mboseni. Kaya kabeh transformasi, rotasi bisa dianggo minangka bagéan saka animasi utawa kanggo grafis statis. Katrangan carane nggunakake muter ing SVG, utawa Scalable Vector Graphics , ngijini sampeyan nyuwun sudut unik kanggo desain wangunmu. Fungsi rotasi SVG dianggo kanggo ngowahi gambar ing arah kasebut.

Babagan Rotasi

Fungsi rotasi kabeh babagan sudut grafis. Nalika sampeyan ngrancang gambar SVG , sampeyan bakal nggawe model statis sing mbokmenawa bakal lenggah ing sudut tradisional. Contone, sawijining kothak bakal duwe loro sisi ing sumbu-X lan loro sumbu-sumbu Y. Kanthi muter, sampeyan bisa njupuk kothak sing padha lan ngowahi dadi formasi berlian.

Kanthi efek sing mung ana, sampeyan wis metu saka kothak sing khas (sing paling umum ing situs web) menyang mirah, sing ora umum lan ora nambah macem-macem visual sing menarik kanggo desain. Puter uga minangka bagéan saka kapasitas animasi ing SVG. Sawijining bunder bisa nguripake terus nalika ditampilake. Gerakan iki bisa narik kawigaten para pengunjung lan mbantu sampeyan kanggo musatake pengalaman ing bidang utami utawa unsur ing desain.

Puter gumantung ing teori sing siji titik ing gambar bakal tetep tetep. Bayangake kertas sing ditempelake ing karton nganggo push-pin. Lokasi pin iku titik tetep. Yen sampeyan nguripake kertas kanthi nyekel pinggiran lan puteran kanthi gerak searah jarum jam utawa counter arah jarum jam, push-pin ora bakal pindhah, nanging sithik dering isih ameh berubah. Kertas bakal muter, nanging titik tetep saka pin tetep ora diganti. Iki meh padha karo cara fungsi rotasi.

Puter Sintaks

Kanthi rotasi, sampeyan nemtokake sudut saka giliran lan koordinat ing wilayah sing tetep.

transform = "muter (45.100.100)"

Sudut rotasi iku sing paling sampeyan tambah. Ing kode iki, sudut rotasi 45 derajat. Titik tengah yaiku apa sing bakal ditambahake sabanjure. Ing ngisor iki, titik pusat iki dumunung ing koordinat 100, 100. Yen sampeyan ora nglebokake koordinat posisi tengah, bakal ngatonake angka 0,0. Ing conto ing ngisor iki, amba bakal tetep dadi 45 derajat, nanging wiwit titik tengah durung ditetepake, bakal dadi standar 0,0.

transform = "puter (45)"

Secara default, amba dumunung ing sisih tengen grafik. Kanggo muter wujud ing arah ngelawan, sampeyan nggunakake tandha minus kanggo ndhaftar nilai negatif.

transform = "puter (-45)"

Rotasi 45 derajat minangka sasi kaping sawisé sudut didhasarake ing bunder 360 derajat. Yen sampeyan ndhaptar revolusi minangka 360, gambar ora bakal owah amarga sampeyan kanthi harfiah ngglindhuake ing bunder lengkap, supaya asil pungkasan bakal identik karo tampilan ing ngendi sampeyan wiwit.