Özel bir oluşturucu oluşturmaya başlamadan önce, oluşturucuyu oluşturan farklı bileşenleri ve bir bloğun nasıl satırlara ve öğelere ayrıldığını anlamak faydalı olacaktır.
Oluşturucu bileşenleri
Oluşturucu birkaç farklı bileşenden oluşur. Her bileşenin, kodun yeniden kullanımını ve genişletilebilirliğini en üst düzeye çıkarmak için benzersiz bir görevi vardır.
Oluşturucu
Oluşturucu, diğer tüm bileşenleri bir araya getiren bir fabrika sınıfıdır.
Sabit sağlayıcı
Sabit sağlayıcı, tüm diğer bileşenler ve yerleşik alanlar tarafından kullanılan sayılar ve şekillerin bir koleksiyonudur.
Oluşturma bilgileri
Oluşturma bilgisi, tanımına göre blokların nasıl yerleştirilmesi gerektiğine karar verir ve ardından çekmece'nin SVG yolları oluşturmak için kullandığı blokla ilgili ölçülebilir verilerden ve verilerden oluşan bir koleksiyon oluşturur.
Yol Nesnesi
path nesnesi, dom'da bulunan ve bloğu oluşturan SVG öğelerini içerir.
Çekmece
Çekmece ("one-who-draws"da olduğu gibi) oluşturma bilgilerine göre SVG yolları oluşturur ve bunları path nesnesine uygular.
Ölçülebilir öğeleri engelle
Ölçülebilir gösterim, bir bloğun belirli bir bölgesini temsil eden dikdörtgendir. Ölçülebilir veriler, oluşturma bilgilerinin bloğun düzenini tanımlamak için kullandığı öğelerdir.
Bazı ölçülebilir kaynaklar, ekstra verileri (temsil ettikleri görsel gibi) veya oluşturma bilgilerinin bloğun nasıl düzenleneceğini anlamak için kullanabileceği yardımcı yöntemleri de içerir.
Farklı oluşturucular, bu verileri veya yardımcı yöntemleri değiştirmek için özel ölçülebilir öğeler oluşturabilir.
Satırlar
Satır, öğe ve öğe aralarından oluşan yatay bir koleksiyondur.
Satır araları
Satır ayırıcı, iki satır arasında uzanan boş bir dikey alandır.
Öğeler
Öğe, blok üzerindeki görsel bir öğeyi temsil eder. Bunlara alanlar, simgeler, bağlantılar vb. dahildir.
Parça araları
Öğe ayırıcısı, bir satırdaki öğeler arasında geçen boş bir alandır.
