İçeriğe atla
%100 yerel

SVG Arka Plan Deseni Oluşturucu

Sorunsuz bir SVG arka plan deseni oluşturun — noktalar, ızgara, çizgiler, dalgalar, kareler, altıgenler veya topografi — SVG, CSS veya Tailwind sınıfı olarak.

24
2
100
0
Çıkış

SVG Arka Plan Deseni Oluşturucu

Bir desen türü seçin — noktalar, ızgara, çapraz çizgiler, dalgalar, kareler, altıgenler veya topografi — ve bu araç, web sitesi arka planına, uygulama ekranına veya yazdırılmış tasarıma doğrudan yapıştırabileceğiniz sorunsuz bir SVG deseni oluşturur. Desen, tek bir tekrarlayan fayansdan oluşturulur, bu nedenle dosya, karanı ne kadar büyük olursa olsun küçük kalır.

Desen boyutu, tekrarlar arasındaki boşluğu kontrol eder ve çizgi kalınlığı, konturların ne kadar kalın olduğunu kontrol eder — noktalar ve kareler için şekil boyutunu da belirler. Ön plan ve arka plan herhangi bir onaltılık rengi kabul eder (#RRGGBB veya daha kısa #RGB formu), opaklık motifi arka planına soldurur, arka plan rengine dokunmadan, ve döndürme tüm fayansı döndürür — çapraz çizgiler zaten 45°'de başlar. Çıktı formatını değiştirerek tam olarak ihtiyacınız olanı elde edin: düz SVG işaretlemesi dosya olarak, desen gömülü data URI'si ile birlikte yapıştırmaya hazır bir CSS kuralı, veya bir elementin sınıf listesine doğrudan yapıştırabileceğiniz bir Tailwind isteğe bağlı değer sınıfı.

Her seçenek, ayarlamalarınız sırasında önizlemeyi anında günceller ve çıktının altındaki sayaç, fayansın boyutlarını, oluşturulan kodun tam karakter sayısını ve etkin çıktı formatını bildirir. Desen bir bitmap yerine tek bir küçük vektör fayans olduğundan, herhangi bir yakınlaştırma düzeyinde keskin kalır ve herhangi bir ekran boyutuna ücretsiz olarak ölçeklendirilir.

Her şey yerel olarak tarayıcınızda çalışır — burada tasarladığınız hiçbir şey hiçbir yere yüklenmez. Sonuç ile memnun olduğunuzda, kopyalayın, .txt dosyası olarak indirin veya daha fazla geliştirmek için çıktıyı girdiye geri gönderin.

FAQ

Desen herhangi bir boyutta sorunsuz bir şekilde döşenir mi?
Evet. Her desen türü, tek bir tekrarlayan SVG fayans olarak oluşturulur, bu nedenle kenar-kenar hizalanır, arkasındaki eleman ne kadar büyükse — kaplama yapılmesi gereken sabit bir tuval boyutu yoktur.
Üç çıktı formatı arasındaki fark nedir?
Düz SVG ham işaretlemedir, bağımsız bir dosya veya satır içi öğe olarak kullanışlıdır. CSS, gömülü data URI'si ile birlikte hazır bir background-image kuralı verir. Tailwind, aynı data URI'sini, herhangi bir elementin sınıf listesine doğrudan yapıştırabileceğiniz bir isteğe bağlı değer sınıfına sarar.
Çizgi kalınlığı noktalar ve karelerin boyutunu neden değiştirir?
Bu iki desen türü, ana hatları olan kontur değil, dolgulu şekillerdir, bu nedenle başka yerde bir çizgiyi kalınlaştıran aynı kontrol, şekil boyutunu da iki katına çıkarır — her desen türünde bir kaydırıcı anlamlı kalır, her şekil için ayrı bir boyut seçeneği eklemesiniz yerine.
#f00 gibi 3 haneli bir onaltılık renk kullanabilir miyim?
Evet, ön plan ve arka plan renkleri için hem #RGB hem de #RRGGBB kabul edilir.
Desen konfigurasyonum bir yere yükleniyor mu?
Hayır. Desen tamamen tarayıcınızda oluşturulur — seçtiğiniz desen türü, renkler veya çıktı hakkında hiçbir şey cihazınızdan ayrılmaz.