SVG Kodunu Okunabilirlik İçin Biçimlendirin
Tasarım araçlarından gelen SVG dosyaları genellikle tek okunamaz satırda sıkıştırılır. Bu biçimlendirici, SVG kodunu insan okunabilir hale getirmek için uygun girintileme ve satır sonları ekler. Hata ayıklama, düzenleme ve bir SVG’nin nasıl oluşturulduğunu anlamak için kullanışlıdır. Tüm işleme tarayıcınızda gerçekleşir.
Nasıl Kullanılır
- Sıkıştırılmış SVG kodunu metin alanına yapıştırın veya bir SVG dosyası yükleyin
- Araç otomatik olarak Biçimlendir sekmesine geçer
- SVG kodunu biçimlendirmek için Düzelt’e tıklayın
- Biçimlendirilmiş çıktı uygun girinti ve yapıyı gösterir
- Biçimlendirilmiş kodu kopyalayın veya dosyayı indirin
Biçimlendirme İşlemleri
Biçimlendir sekmesi beş işlem sağlar:
- Düzelt: insan okunabilir SVG için girinti ve satır sonları ekler
- Sıkıştır: en küçük çıktı için tüm boşlukları temizler
- CSS İç İçe Al: stil kurallarını e-posta HTML uyumluluğu için satır içi niteliklere taşır
- Mutlak Yollar: bağıl yol komutlarını mutlak koordinatlara dönüştürür
- Meta Verileri Kaldır: editöre özgü nitelikleri ve meta veri öğelerini temizler
Yaygın Kullanım Durumları
SVG hatalarını ayıklama
Bir SVG doğru şekildelanmadığında, biçimlendirilmiş kod yapısal sorunları, yanlış nitelikleri veya sorunlara neden olan iç içe öğeleri bulmayı kolaylaştırır.
SVG’leri elle düzenleme
Düzeltilmiş SVG kodu doğrudan düzenlenecek kadar okunabilir hale gelir. Renkleri değiştirin, yolları ayarlayın, metni değiştirin veya tasarım aracı açmadan öğeleri yeniden yapılandırın.
SVG yapısını öğrenme
Biçimlendirilmiş SVG’ler belge yapısını ortaya koyar ve yolların, gradyanların, filtrelerin ve diğer SVG özelliklerinin birlikte nasıl çalıştığını anlamayı kolaylaştırır.