Vector Studio ve 3D İkon Çalışma Alanı
SVG yollarını, çok duraklı gradyanları, 3D hacimsel aydınlatmayı, hareket animasyonlarını ve çoklu framework kod dışa aktarımını özelleştirmek için etkileşimli tarayıcı stüdyosu.
Direct canvas editing: select a part, then drag to move. Use the picker’s Replace selected or Add layer modes to build a composite SVG.
Birden fazla özel ikonu sabitleyin ve tek bir simge sayfası oluşturun.
Henüz ikon sabitlenmedi. İkonlari sabitleyip tek sayfada toplayın.
Yapay zeka istemi üretin veya ikonu tuvalde iyilestirin
Bir on ayar seçin, istemi yapay zeka aracınıza kopyalayın veya ikonu tuvalde iyilestirin.
Vector Studio ve 3D İkon Çalışma Alanı
SVG yollarını, çok duraklı gradyanları, 3D hacimsel aydınlatmayı, hareket animasyonlarını ve çoklu framework kod dışa aktarımını özelleştirmek için etkileşimli tarayıcı stüdyosu.
W3C SVG 1.1/2.0 dosyaları, ham XML kodu veya yerleşik katalog ikonları
Optimize SVG, PNG (64–2048 px), WebP, React TSX, Vue 3, Svelte, CSS Data URI, SVG Sprite
Vektör düzenleme, 3B ışıklandırma, sıkıştırma ve kod dışa aktarımını tek tarayıcı alanında birleştirir
Vector Studio ve 3D İkon Çalışma Alanı aracı nasıl kullanılır
-
1
Araçlar menüsünden Studio alanını açın ve yeni bir çizim başlatın veya SVG dosyası içe aktarın.
-
2
Katmanları, renkleri, gradyan duraklarını ve çizgi kalınlığını denetçi panelinden düzenleyin.
-
3
İkon rozetleri için 3B ışık ön ayarlarını uygulayın veya hareket animasyonunu etkinleştirin.
-
4
Temiz SVG, yüksek çözünürlüklü PNG/WebP dışa aktarın ya da bileşen kodunu kopyalayın.
Diskten içe aktarılan shield.svg (tek yol katmanı)
Gradyanı ayarlanmış SVG ve className destekli JSX bileşeni
Sınırlamalar
- 3B ışık ön ayarları tek baskın ışık kaynağına sahip dışbükey şekillerde en iyi sonucu verir.
- Geri alma geçmişi oturum başına en fazla 50 adım tutar.
- Dosya başına içe aktarma sınırı 2 MiB’dir.
Bu çalışma alanında açtığınız veya yapıştırdığınız dosyalar tarayıcınızda yerel olarak işlenir. Hiçbir şey bir sunucuya yüklenmez.