Svg Desen Oluşturucu

SVG Pattern Generator, tek bir tekrarlanan şekille doldurulmuş bir SVG <pattern> öğesi tanımlayarak tekrarlanan döşemeli arka planlar oluşturur. Anahat temelleri olarak çizilen altı şekil türü sunar (daireler, kareler, üçgenler, çizgiler, çarpılar, baklava dilimleri), ardından bunları 200x200'lük bir önizleme üzerinde döşer ve web sayfalarında, CSS arka planlarında veya tasarım dosyalarında kullanılmak üzere eksiksiz SVG işaretlemesini dışa aktarır.

1. Altı düğme seçeneğinden bir Pattern Type (Desen Türü) seçin. 2. Hem döşeme boyutlarını hem de şekil ölçeğini ayarlamak için Size (Boyut) kaydırıcısını ayarlayın (10 ila 60px). 3. Stroke Width (Çizgi Kalınlığı) kaydırıcısını ayarlayın (0.5 ila 6.0). 4. Döşemeyi patternTransform aracılığıyla döndürmek için Rotation (Döndürme) kullanın (0 ila 360 derece, 5 derecelik adımlarla). 5. İki renk kutusunu kullanarak Shape Color (Şekil Rengi) ve Background Color (Arka Plan Rengi) ayarlayın. 6. Üretilen SVG'yi panonuza kopyalamak için Copy'ye tıklayın.

Dışa aktarılan SVG, patternUnits="userSpaceOnUse" kullanan bir <defs><pattern> bloğuyla 200x200 boyutundadır. Desen genişliği ve yüksekliği Size değerine eşittir; bu nedenle her döşeme bu boyutta bir ızgara üzerinde tekrarlanır. Arka Plan Rengi ile doldurulmuş bir arka plan <rect> öğesi önce çizilir, ardından url(#pat) ile doldurulmuş ikinci bir <rect> döşemeleri kaplar. Rotation sıfır değilken döndürme hem desen üzerinde bir patternTransform hem de şeklin kendisinde bir rotate() dönüşümü olarak uygulanır.