gabung SVG

Gabung SVG

Cantumkan beberapa fail SVG menjadi satu. Susun secara baris, lajur, grid atau bertindan — setiap fail mengekalkan kecerunan, penapis dan gayanya sendiri.

gabung SVG

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

Lepaskan fail SVG anda di sini

atau klik untuk pilih — sehingga 12 fail SVG

tiada limpahan antara fail

Kenapa menampal dua SVG bersama-sama sering rosak

Dua fail SVG boleh sah sepenuhnya secara berasingan, namun rosak sebaik sahaja berkongsi satu dokumen. Kedua-duanya mungkin mentakrifkan kecerunan dengan id "a", dan kedua-duanya mungkin membawa helaian gaya Illustrator yang menamakan segalanya .st0. Cantumkan sahaja, maka kecerunan kedua akan senyap-senyap merujuk kepada yang pertama, manakala satu helaian gaya menimpa yang lain — failnya terbuka elok sahaja, cuma rupanya salah.

Alat ini menamakan semula setiap id dan kelas dalam setiap fail sumber dengan awalannya sendiri lalu menulis semula setiap rujukan supaya sepadan: nilai url(), serpihan href, gaya dalaman dan pemilih di dalam elemen style. Setiap fail kemudian diletakkan dalam svg bersarangnya sendiri, yang memberikannya viewport peribadi untuk sistem koordinatnya.

tiga langkah

Cara menggabungkan fail SVG

01

Lepaskan failnya

Tambah sehingga 12 fail .svg — kesemuanya kekal pada peranti anda.

02

Susun

Baris, lajur, grid atau bertindan, dengan jarak yang anda mahukan.

03

Muat turun

Satu SVG yang mengandungi kesemuanya.

jawapan pantas

Soalan lazim gabung SVG

Adakah kecerunan dan penapis saya terselamat?

Ya. Id setiap fail mendapat awalan (f1-, f2- dan seterusnya) dan setiap rujukan kepadanya ditulis semula, jadi dua fail yang sama-sama menggunakan url(#a) akhirnya menunjuk kepada takrifan masing-masing, bukan berebut satu.

Bagaimana pula nama kelas seperti .st0?

Ia dilayan sama. Eksport Illustrator dan Figma menamakan hampir segalanya .st0 atau .cls-1, jadi perlanggaran kelas sebenarnya lebih kerap daripada perlanggaran id — atribut class dan pemilih di dalam elemen style diberi awalan serentak.

Bolehkah saya menukar susunannya?

Boleh — gunakan anak panah dalam senarai fail. Susunan di situ ialah susunan pada reka letak, dari kiri ke kanan dan dari atas ke bawah.

Adakah saiz fail diubah?

Tidak. Setiap satu mengekalkan dimensinya sendiri dan diletakkan seadanya; dalam susunan baris ia dipusatkan secara menegak, dalam grid pula setiap sel sebesar fail yang paling besar. Gunakan pengubah saiz SVG dahulu jika anda mahu semuanya sepadan.

Apa yang dilakukan oleh pilihan bertindan?

Ia meletakkan setiap fail pada tempat yang sama, dipusatkan bertindih antara satu sama lain — berguna untuk menindih lencana pada ikon, atau membandingkan dua versi lukisan yang sama.

Adakah fail saya dimuat naik?

Tidak. Semuanya dihurai dan dicantum dalam pelayar anda.