putar SVG
☞ berjalan sepenuhnya di browser Anda — tidak ada yang diunggahLetakkan SVG Anda di sini
atau klik untuk memilih — hanya SVG
Pratinjau
putar SVG
Putar SVG dalam kelipatan 90° atau cerminkan ke arah mana pun. Gambarnya dibungkus dalam satu transform, jadi setiap jalur di berkas tetap persis seperti yang ditinggalkan perancangnya.
atau klik untuk memilih — hanya SVG
Pratinjau
satu baris transform
Memutar sebuah foto berarti mencuplik ulang setiap pikselnya. Memutar SVG berarti menuliskan satu transform: gambarnya dibungkus dalam sebuah grup yang diputar mengelilingi kanvas, dan kanvasnya — viewBox beserta width dan height — menukar kedua sisinya ketika putarannya 90° atau 270°. Tidak satu pun koordinat di jalur Anda ditulis ulang.
Itu pula sebabnya hasilnya persis. Tidak ada interpolasi, tidak ada tepi yang melunak, tidak ada pergeseran setelah empat kali putaran — empat kali seperempat putaran mengembalikan berkas aslinya, bita demi bita.
tiga langkah
Pilih berkas .svg — berkasnya tetap di perangkat Anda.
Melangkah 90° tiap kali, balik di salah satu sumbu, atau gabungkan keduanya.
Gambar yang sama, dengan orientasi baru.
jawaban singkat
Tidak di sini. Pada kelipatan 90°, kanvasnya tetap pas dengan gambarnya; pada 37° tidak akan pas, dan Anda akan butuh bantalan ruang, viewBox yang lebih besar, serta keputusan tentang apa yang harus dilakukan pada sudut-sudutnya. Kelipatan 90° sudah mencakup kasus nyata — memutar ikon, membetulkan hasil ekspor yang miring — dengan hasil yang benar-benar bisa diperkirakan.
Nyaris tidak. Satu elemen grup dengan satu atribut transform ditambahkan, lalu viewBox dan atribut ukurannya diperbarui. Jalur, gradien, kelas, dan id tidak tersentuh.
Tidak berubah — ia mengikuti apa yang Anda lihat. Horizontal selalu mencerminkan kiri ke kanan di layar, yang setelah seperempat putaran memang berhubungan dengan sumbu yang berbeda di berkas aslinya. Itulah perilaku yang orang harapkan dari sebuah penyunting gambar.
Semua title, desc, style, metadata, dan defs tetap berada di tingkat teratas, tempat mereka seharusnya. Hanya gambarnya sendiri yang masuk ke dalam grup yang diputar, jadi pembaca layar tetap mengumumkan gambarnya dengan cara yang sama.
Satu viewBox ditambahkan untuk Anda, sesuai width dan height berkasnya. Tanpa viewBox tidak ada kanvas yang bisa ditukar sisinya, jadi seperempat putaran akan mendorong gambarnya ke luar area yang terlihat.
Tidak. Berkasnya diurai dan ditulis ulang di browser Anda.