रिसर्च सर्वे: Blockly के साथ अपने अनुभव के बारे में हमें बताएं
सर्वे शुरू करें
रेंडर से जुड़ी जानकारी
संग्रह की मदद से व्यवस्थित रहें
अपनी प्राथमिकताओं के आधार पर, कॉन्टेंट को सेव करें और कैटगरी में बांटें.
RenderInfo से यह तय होता है कि ब्लॉक के विज़ुअल एलिमेंट कैसे व्यवस्थित किए जाएंगे.
ब्लॉक हमेशा इनपुट, कनेक्शन, और फ़ील्ड से बनाया जाता है. हालांकि, इनका लेआउट कई अलग-अलग तरीकों से किया जा सकता है. उदाहरण के लिए, एक ही ब्लॉक की परिभाषा को इनलाइन इनपुट या एक्सटर्नल इनपुट के साथ रेंडर किया जा सकता है.
रेंडर की जानकारी से यह तय होता है कि कौनसा लेआउट चुना जाए.
रेंडर करने के पहले चरण के तौर पर, रेंडर की जानकारी में ब्लॉक की परिभाषा और उसके विज़ुअल के मेज़रमेंट देखे जाते हैं. इसके बाद, यह तय किया जाता है कि ब्लॉक को कैसे डिज़ाइन किया जाए. साथ ही, जानकारी को उसके हिसाब से व्यवस्थित किया जाता है. इस जानकारी को, ओवरलैप न करने वाले एलिमेंट और स्पेसर में बदल दिया जाता है. इन एलिमेंट और स्पेसर को, ओवरलैप न करने वाली लाइन और लाइन के स्पेसर में व्यवस्थित किया जाता है.
इसके बाद, ड्रोअर, व्यवस्थित किए गए लेआउट की जानकारी का इस्तेमाल करके, ब्लॉक को दिखाने वाले एसवीजी पाथ बनाता है.
जब तक कुछ अलग से न बताया जाए, तब तक इस पेज की सामग्री को Creative Commons Attribution 4.0 License के तहत और कोड के नमूनों को Apache 2.0 License के तहत लाइसेंस मिला है. ज़्यादा जानकारी के लिए, Google Developers साइट नीतियां देखें. Oracle और/या इससे जुड़ी हुई कंपनियों का, Java एक रजिस्टर किया हुआ ट्रेडमार्क है.
आखिरी बार 2025-07-25 (UTC) को अपडेट किया गया.
[null,null,["आखिरी बार 2025-07-25 (UTC) को अपडेट किया गया."],[[["\u003cp\u003e\u003ccode\u003eRenderInfo\u003c/code\u003e dictates the visual layout of a block's elements, such as inputs, connections, and fields, determining aspects like inline or external input placement.\u003c/p\u003e\n"],["\u003cp\u003eIt analyzes the block definition and element measurements to establish an optimal layout, organizing the information into elements, spacers, rows, and row spacers for a non-overlapping visual structure.\u003c/p\u003e\n"],["\u003cp\u003eThis organized layout information is then utilized by the drawer to generate the final SVG paths that visually represent the block.\u003c/p\u003e\n"]]],["`RenderInfo` defines a block's visual layout. It analyzes a block's inputs, connections, and fields, considering external or inline input options. It determines the layout, organizing visual components into non-overlapping elements, spacers, rows, and row spacers. This structured information is then passed to the drawer, which generates the SVG paths for the block's visual representation. The core task of the render info is to take visual elements and organize them.\n"],null,["# Render info\n\nThe [`RenderInfo`](/blockly/reference/js/blockly.blockrendering_namespace.renderinfo_class) determines how a block's visual elements get\nlaid out.\n\nA block is always built out of inputs, connections, and fields, but those\ncan be laid out in many different ways. For example, the same block definition\ncan be rendered with [inline inputs or external inputs](/blockly/guides/create-custom-blocks/define/inline-vs-external).\n\nThe render info determines which layout is chosen.\n\nAs the first step of rendering, the render info looks at the block's definition,\nand the measurements of its visual pieces. Then it decides how the block should\nbe laid out, and organizes the information accordingly. The information gets\nturned into non-overlapping [elements](/blockly/guides/create-custom-blocks/renderers/concepts/elements) and [spacers](/blockly/guides/create-custom-blocks/renderers/concepts/elements#element_spacer),\nwhich are organized into non-overlapping [rows](/blockly/guides/create-custom-blocks/renderers/concepts/rows), and\n[row spacers](/blockly/guides/create-custom-blocks/renderers/concepts/rows#row_spacer).\n\nThen the [drawer](/blockly/guides/create-custom-blocks/renderers/concepts/drawer) uses that organized layout information to create the\nSVG paths representing the block."]]
