לפני שמתחילים ליצור כלי לרינדור בהתאמה אישית, חשוב להבין את הרכיבים השונים שמרכיבים את ה-Renderer ואיך בלוק מתפצל לשורות ולרכיבים.
רכיבי הרינדור
כלי הרינדור מורכב מכמה רכיבים שונים. לכל רכיב יש מטרה ייחודית שמאפשרת שימוש חוזר בקוד והרחבה שלו.
מפיק
ה-renderer הוא מחלקת יצרן שמאגדת את כל הרכיבים האחרים יחד.
ספק קבוע
הספק הקבוע הוא אוסף של מספרים וצורות שבהן נעשה שימוש בכל הרכיבים האחרים, וגם בשדות מובנים.
פרטי העיבוד
פרטי העיבוד קובעים את אופן הפריסה של הבלוק על סמך ההגדרה שלו, ואז יוצרים אוסף של מדידות ונתונים על הבלוק שבו משתמשת המגירה כדי ליצור נתיבי SVG.
אובייקט נתיב
אובייקט ה-path מכיל את רכיבי ה-SVG ששוכנים ב-dom, ומרכיבים את הבלוק.
חלונית הזזה
חלונית ההזזה (כמו ב-"one-who-draws") יוצרת נתיבי SVG על סמך פרטי העיבוד ומחילה אותם על אובייקט הנתיב.
חסימה של חשיפות הניתנות למדידה
מלבן ניתן למדידה הוא מלבן שמייצג אזור בבלוק. נתונים ניתנים למדידה הם מה שפרטי העיבוד משתמשים בהם כדי להגדיר את פריסת הבלוק.
חלק מהמדידות כוללות גם נתונים נוספים (למשל, הדבר החזותי שהם מייצגים), או שיטות מסייעות שבהן אפשר להשתמש בפרטי העיבוד כדי להבין איך לפרוס את הבלוק.
מאפשרים שונים יכולים ליצור אמצעי מדידה בהתאמה אישית כדי לשנות את הנתונים האלה או את שיטות העזרה.
שורות
שורה היא אוסף אופקי של רכיבים ומרווחי רכיבים.
מפריד שורות
מרווח בין שורות הוא רווח אנכי ריק שעובר בין שתי שורות.
Elements
אלמנט מייצג פריט חזותי בבלוק. הערכים האלה כוללים שדות, סמלים, חיבורים וכו'.
מפריד רכיבים
מפריד רכיבים הוא רווח ריק בין רכיבים בשורה.
