putar SVG

Putar & Balikkan SVG

Putar SVG dalam langkah 90° atau cerminkannya ke mana-mana arah. Lukisan itu dibalut dalam satu transform sahaja, jadi setiap laluan dalam fail kekal seperti yang ditinggalkan pereka bentuknya.

putar SVG

☞ berjalan sepenuhnya dalam pelayar anda — tiada apa-apa dimuat naik

Lepaskan SVG anda di sini

atau klik untuk pilih — SVG sahaja

satu baris transform

Apa yang berlaku apabila anda memutar SVG

Memutar sekeping foto bermakna mensampel semula setiap piksel. Memutar SVG bermakna menulis satu transform: lukisan itu dibalut dalam kumpulan yang diputar mengelilingi kanvas, dan kanvas itu — viewBox serta width dan height — bertukar kedua-dua sisinya apabila putarannya 90° atau 270°. Tiada satu pun koordinat dalam laluan anda ditulis semula.

Itu juga sebabnya hasilnya tepat. Tiada interpolasi, tiada tepi lembut, tiada anjakan selepas empat pusingan — suku pusingan sebanyak empat kali memulangkan fail asal anda, bait demi bait.

tiga langkah

Cara memutar atau membalikkan SVG

01

Lepaskan SVG

Pilih fail .svg — ia kekal pada peranti anda.

02

Putar atau cerminkan

Melangkah 90° setiap kali, balikkan pada mana-mana paksi, atau gabungkan kedua-duanya.

03

Muat turun

Karya yang sama, orientasi baharu.

jawapan pantas

Soalan lazim putar dan balikkan SVG

Bolehkah saya memutar pada sudut sebarangan?

Tidak di sini. Pada langkah 90°, kanvas masih muat tepat dengan lukisan itu; pada 37° ia tidak akan muat, dan anda akan memerlukan ruang tambahan, viewBox yang lebih besar serta keputusan tentang apa yang perlu dibuat dengan sudut-sudutnya. Langkah 90° merangkumi kes sebenar — memutar ikon, membetulkan eksport yang mengiring — dengan hasil yang benar-benar boleh dijangka.

Adakah fail itu banyak berubah?

Hampir tidak. Satu elemen kumpulan dengan satu atribut transform ditambah, dan viewBox serta atribut saiz dikemas kini. Laluan, kecerunan, kelas dan id tidak disentuh.

Kenapa arah pembalikan berubah selepas saya memutar?

Ia tidak berubah — ia mengikut apa yang anda lihat. Mendatar sentiasa mencerminkan kiri ke kanan pada skrin, yang selepas suku pusingan memang sepadan dengan paksi lain dalam fail asal. Itulah kelakuan yang orang jangkakan daripada penyunting imej.

Bagaimana pula dengan title dalam SVG saya?

Mana-mana title, desc, style, metadata dan defs kekal pada peringkat teratas, tempat sepatutnya. Hanya lukisan itu sendiri yang masuk ke dalam kumpulan yang diputar, jadi pembaca skrin masih mengumumkan imej itu dengan cara yang sama.

Fail saya tiada viewBox

Satu viewBox ditambah untuk anda, sepadan dengan width dan height fail itu. Tanpa viewBox tiada kanvas yang boleh bertukar sisi, jadi suku pusingan akan menolak lukisan itu keluar daripada kawasan yang kelihatan.

Adakah fail saya dimuat naik?

Tidak. Fail itu dihurai dan ditulis semula dalam pelayar anda.