pangkas SVG
☞ berjalan sepenuhnya dalam pelayar anda — tiada apa-apa dimuat naikLepaskan SVG anda di sini
atau klik untuk pilih — SVG sahaja
Pratonton
pangkas SVG
Seret kotak di atas SVG anda untuk memilih bahagian yang hendak dikekalkan. Hanya viewBox yang berubah — setiap laluan kekal seperti asal, jadi anda sentiasa boleh memangkas kembali ke luar.
atau klik untuk pilih — SVG sahaja
Pratonton
sebuah tingkap, bukan sebilah pisau
SVG menyimpan lukisannya dalam satu sistem koordinat, dan viewBox ialah tingkap tempat anda memandangnya. Alihkan tingkap itu, maka imej itu sudah dipangkas — tiada laluan disunting, tiada titik dipadam, tiada apa dilukis semula. Itulah sebabnya hasilnya tepat pada sebarang saiz, dan sebabnya anda boleh melebarkan tingkap itu semula kemudian untuk mendapatkan lukisan penuh.
Timbal balasnya, fail itu tidak menjadi lebih kecil: bahagian di luar tingkap masih ada di dalamnya, cuma tidak dipaparkan. Jika anda mahu ia benar-benar hilang, pangkas di sini dahulu kemudian lalukan fail itu melalui pengoptimum SVG.
tiga langkah
Pilih fail .svg — ia kekal pada peranti anda.
Bingkaikan apa yang anda mahu, atau taip nilai viewBox yang tepat.
Karya yang sama, dengan tingkap baharu untuk melihatnya.
jawapan pantas
Tidak, dan itu memang dijangka. Memangkas hanya mengalihkan viewBox, jadi bentuk di luarnya masih berada dalam fail — pelayar cuma tidak melukisnya. Lalukan fail yang dipangkas itu melalui pengoptimum SVG jika anda mahu sisanya dibersihkan.
Boleh. Kerana tiada apa yang dipadam, membuka semula fail yang dipangkas di sini dan menyeret kotaknya keluar akan memulihkan lukisan penuh. Itulah bezanya secara praktikal berbanding memangkas fail JPG.
Ia unit pengguna viewBox — sistem koordinat milik SVG itu sendiri. Sesebuah fail boleh berlebar 24 unit tetapi dipaparkan pada 512 piksel. Atribut width dan height diskalakan secara berkadar untuk anda, jadi fail yang dipangkas dipaparkan pada saiz yang anda jangkakan.
Satu viewBox ditambah untuk anda, sepadan dengan width dan height fail itu. Tanpa viewBox tiada tingkap untuk dialihkan, jadi pemangkasan tiada sasaran. Menambahkannya tidak mengubah apa-apa dari segi rupa.
Jika SVG anda tiada atribut width dan height — susunan lazim bagi ikon yang saiznya ditentukan CSS — ia kekal begitu. Atribut itu hanya ditulis semula apabila ia memang wujud dari awal.
Tidak. Fail itu dihurai dan ditulis semula dalam pelayar anda.