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

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

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

Blockly की मदद से, ऐप्लिकेशन में पहले से मौजूद तीन रेंडरर उपलब्ध होते हैं. इनमें से हर एक रेंडरर की इससे प्रोग्राम को अलग महसूस हुआ.

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

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

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

पसंद के मुताबिक रेंडरर

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

सीखने के लिए, रेंडरर कॉन्सेप्ट दस्तावेज़ पढ़ें रेंडरर के सभी कॉम्पोनेंट एक साथ कैसे फ़िट होते हैं.
कस्टम रेंडरर कोडलैब को पूरा करके पसंद के मुताबिक रेंडरिंग की सुविधा का इस्तेमाल करके प्रैक्टिस करें.
अपने प्रोजेक्ट में डीबग रेंडरर जोड़ें.
रेंडरर को अपनी पसंद के मुताबिक बनाएं.