Canlı önizleme SVG kodu.
Full tool — runs in your browser. No sign-up required.
Yükleniyor…
Canlı önizleme SVG kodu.
Tasarım yardımcıları, projenize yapıştırabileceğiniz CSS, degradeler ve düzen parçacıkları oluşturur. Değerleri canlı olarak değiştirin ve doğru göründüğünde kodu kopyalayın.
Hesap oluşturmadan veya yazılım yüklemeden güvenilir bir sonuca ihtiyaç duyduğunuzda bu ücretsiz SVG Önizlemesini kullanın. Tek tıklamayla yüklenir ve masaüstü ve mobil tarayıcılarda çalışır.
SVG Önizleme sayfasını açın; kayıt olmanıza gerek yoktur.
Girişinizi düzenleyiciye yapıştırın veya yazın.
Ayarları yapın ve canlı önizlemeyi (canlı önizleme) inceleyin.
Çıktıyı kopyalayın veya işlenen dosyayı cihazınıza indirin.
Tentaco bu aracı mümkün olduğunca tarayıcınızda çalıştırır. Araç açıkça uzak verileri getirmediği sürece, yapıştırdığınız metin ve yapılandırılmış giriş sayfa oturumunda işlenir. Paylaşılan bilgisayarlarda kullandıktan sonra sekmeyi kapatın veya sayfayı temizleyin. Harici API'leri çağıran özellikler (URL getiriciler gibi) yalnızca söz konusu istek için gereken verileri gönderir.
YerelBu araç, verileri tarayıcınızda yerel olarak işler. Tentaco bu mod için dosya içeriklerinizi almaz.
Live preview SVG code. Open the tool in your browser — no account or install required.
Yes — live preview.
Hayır — işlem tarayıcınızda yerel olarak yapılır. Araç açıkça ağ kullanmadıkça dosyalarınız ve girdileriniz cihazınızdan çıkmaz.
SVG'den PNG'ye — vektörü çevrimiçi rasterleştirme
Tarayıcınızda SVG simgelerini ve logolarını PNG'ye dönüştürün; web veya baskı için boyutu ve DPI'yi seçin.
Çevrimiçi SVG Doktoru - ücretsiz
SVG işaretlemesini küçültün ve temizleyin.
Çevrimiçi Tepki Vermek için SVG - ücretsiz
SVG'yi React bileşenine dönüştürün.
HTML Tablo Oluşturucu çevrimiçi — ücretsiz
Basit bir HTML tablosu oluşturun.
SVG'den Vue'ya çevrimiçi - ücretsiz
SVG'yi Vue SFC şablonuna dönüştürün.
En Boy Oranını çevrimiçi basitleştirin - ücretsiz
Oranı 1920:1080 gibi 16:9'a düşürün.
SVG Sprite Oluşturucu çevrimiçi — ücretsiz
Bir SVG model sayfası oluşturun.
Flexbox Oluşturucu — CSS esnek düzeni
Esnek kutu mizanpajlarını görsel olarak oluşturun; kopya CSS ile yaslayın, hizalayın ve boşluk bırakın.