रेंडर करने वाले

किसी ब्लॉक का आकार, रेंडरर तय करता है. यह आकार, ब्लॉक की परिभाषा (यानी उसके फ़ील्ड और कनेक्शन) के आधार पर तय होता है.

पहले से मौजूद रेंडरर

Blockly में पहले से तीन रेंडरर मौजूद होते हैं. इनमें से हर रेंडरर, प्रोग्राम को अलग तरह से दिखाता है.

प्रतिपादक	Description	इमेज
Thrasos	सुझाया गया रेंडरर. यह, जेरास रेंडरर का एक ज़्यादा आधुनिक वर्शन है. इसमें, ज़्यादा बराबर स्पेस और सॉलिड बॉर्डर हैं.
Geras	डिफ़ॉल्ट रेंडरर. यह मूल रेंडरर है, जिसकी मदद से Blockly को बनाया गया था.
Zelos	Scratch-3.0 ब्लॉक डिज़ाइन पर आधारित रेंडरर.

इनमें से किसी रेंडरर का इस्तेमाल करने के लिए, कॉन्फ़िगरेशन के विकल्पों में नाम डालें:

Blockly.inject('blocklyDiv', {
  renderer: 'thrasos'
});

कस्टम रेंडरर

अगर आपको अपने प्रोग्राम को, पहले से मौजूद किसी भी रेंडरर से अलग लुक और स्टाइल देना है, तो कस्टम रेंडरर भी बनाया जा सकता है. शुरू करने के लिए, Blockly टीम का सुझाव है कि:

1. रेंडरर के कॉन्सेप्ट के दस्तावेज़ पढ़ें और जानें कि रेंडरर के सभी कॉम्पोनेंट एक साथ कैसे काम करते हैं.
2. कस्टम रेंडरर कोडलैब को पूरा करें, ताकि आपको कस्टम रेंडरिंग के बारे में ज़्यादा जानकारी मिल सके.
3. अपने प्रोजेक्ट में डीबग रेंडरर जोड़ें.
4. अपने रेंडरर को पसंद के मुताबिक बनाएं.