Diajar Kumaha mun muterkeun dina SVG

Scalable Véktor grafik Rotasikeun Fungsi

Puteran hiji gambar baris ngarobah sudut mana gambar anu dipintonkeun dina. Pikeun grafik basajan, ieu bisa nambahan sababaraha rupa jeung kapentingan naon bisa disebutkeun aya gambar lugas atanapi pikaboseneun. Salaku kalayan sagala transformasi, muterkeun karya salaku bagian ti hiji animasi atawa pikeun grafis statis. Diajar kumaha carana make Rotasikeun di SVG, atawa scalable Véktor grafik , ngidinan Anjeun pikeun menta sudut nu béda mun desain bentukna anjeun. The SVG fungsi Rotasikeun gawéna tobat gambar dina boh arah.

ngeunaan Rotasikeun

Fungsi Rotasikeun téh sadayana ngeunaan sudut grafis teh. Lamun anjeun ngarancang hiji gambar SVG , anjeun bade nyieun model statik anu meureun bakal diuk dina sudut tradisional. Contona, pasagi hiji kudu dua sisi sapanjang X-sumbu na dua sapanjang Y sumbu-. Kalawan Rotasikeun, anjeun tiasa nyandak nu pasagi sarua jeung ngahurungkeun kana formasi inten.

Kalawan ngan nu hiji pangaruh, anjeun geus Isro ti kotak pisan has (nu super umum dina situs web) ka inten, nu teu umum pisan jeung nu teu ditambahkeun sababaraha metot rupa visual kana desain a. Rotasikeun oge bagian tina Kamampuh animasi di SVG. Hiji bunderan bisa ngaktipkeun terus bari keur dipintonkeun. gerak ieu bisa narik perhatian nu datang tur mantuan Anjeun pikeun museurkeun pangalaman maranéhanana dina aréa konci atawa elemen dina rarancang hiji.

Rotasikeun jalan dina téori yén hiji titik dina gambar bakal tetep dibereskeun. Ngabayangkeun sapotong kertas napel karton sareng push-pin. Lokasi pin nya titik maneuh. Lamun giliran kertas ku lawan an tepi sarta puteran eta dina jarum jam atanapi counter-jarum jam gerak, anu push-pin pernah ngalir, tapi sagi opat anu masih robah kertas angles.The bakal spin, tapi titik tetep pin tetep unchanged. Ieu pisan sarupa kumaha fungsi Rotasikeun jalan.

Rotasikeun Rumpaka

Kalawan Rotasikeun, anjeun daptar sudut péngkolan jeung koordinat wewengkon dibereskeun.

transformasi = "Rotasikeun (45,100,100)"

Sudut rotasi nyaéta hal kahiji anjeun tambahkeun. Dina kode ieu, sudut puteran nyaeta 45-derajat. Titik puseur nyaeta naon anu anjeun tambahkeun salajengna. Di dieu, yen titik puseur sits dina koordinat 100, 100. Mun anjeun teu ngalebetkeun koordinat puseur posisi, maranéhna bakal dituna ka 0,0. Dina conto di handap, Manglé masih bakal jadi 45-derajat, tapi ti titik puseur teu acan diadegkeun, éta bakal dituna ka 0,0.

transformasi = "Rotasikeun (45)"

Sacara standar, Manglé mana arah sisi-leungeun katuhu tina grafik. Pikeun muterkeun bentuk dina arah nu lalawanan, anjeun make tanda dikurangan daptar nilai négatip.

transformasi = "Rotasikeun (-45)"

A rotasi 45-gelar nyaéta péngkolan saparapat ti sudut nu dumasar kana hiji bunderan 360-gelar. Lamun daptar revolusi saperti 360, gambar teu bakal ngaganti sabab anjeun sacara harfiah flipping eta dina bunderan pinuh, jadi hasil tungtung bakal jadi identik dina penampilan pikeun dimana anjeun mimiti.