blockly > BlockSvg

BlockSvg क्लास

ब्लॉक के एसवीजी (Scalable Vector Graphics) वर्शन के लिए क्लास. आम तौर पर, इसे सीधे तौर पर नहीं बुलाया जाता. इसके बजाय, workspace.newBlock() को प्राथमिकता दी जाती है.

हस्ताक्षर:

export declare class BlockSvg extends Block implements IBoundedElement, IContextMenu, ICopyable<BlockCopyData>, IDraggable, IDeletable, IFocusableNode 

बढ़ाया जा सकता है: ब्लॉक करें

इस्तेमाल करता है: IBoundedElement, IContextMenu, ICopyable<BlockCopyData>, IDraggable, IDeletable, IFocusableNode

निर्माता

निर्माता मॉडिफ़ायर ब्यौरा
(constructor)(workspace, prototypeName, opt_id) BlockSvg क्लास का नया इंस्टेंस बनाता है

प्रॉपर्टी

प्रॉपर्टी मॉडिफ़ायर टाइप ब्यौरा
COLLAPSED_WARNING_ID

static

readonly

(एलान नहीं किया गया) आईडी, ताकि "चेतावनियां छोटी हो गई हैं" चेतावनी दी जा सके. इससे, ब्लॉक से जुड़ी किसी भी चेतावनी को हटाए बिना, "छिपी हुई चेतावनियां" चेतावनी को हटाया जा सकता है.
customContextMenu? (p1: Array<ContextMenuOption | LegacyContextMenuOption>) => void (ज़रूरी नहीं)
decompose? (p1: Workspace) => BlockSvg (ज़रूरी नहीं)
height संख्या इस ब्लॉक की ऊंचाई, जिसमें ऊपर या नीचे मौजूद कोई भी स्टेटमेंट ब्लॉक शामिल नहीं है. ऊंचाई, Workspace की इकाइयों में होती है.
INLINE

static

readonly

(एलान नहीं किया गया) इनलाइन रेंडर की जाने वाली लाइनों की पहचान करने के लिए कॉन्स्टेंट. Blockly.inputTypes से मेल न खाएं.
mutator MutatorIcon | null ब्लॉक का म्यूटेटर आइकॉन (अगर कोई हो).
nextConnection RenderedConnection
outputConnection RenderedConnection
previousConnection RenderedConnection
रेंडर किया गया readonly (एलान नहीं किया गया) क्या यह ब्लॉक BlockSVG है?
saveConnections? (rootBlock: BlockSvg) => void

(ज़रूरी नहीं) यह एक वैकल्पिक तरीका है, जो इस ब्लॉक से जुड़े ब्लॉक का रिकॉर्ड सेव करता है. इससे, इस ब्लॉक को फिर से कॉम्पोज़ (फिर से कॉन्फ़िगर) करने के बाद, उन्हें बाद में वापस लाया जा सकता है. आम तौर पर, यह म्यूटेट करने वाले फ़्लाईआउट में, ब्लॉक की प्रॉपर्टी पर कनेक्ट किए गए ब्लॉक रिकॉर्ड करता है. इससे, उन कॉम्पोनेंट ब्लॉक को फिर से व्यवस्थित करने पर, इस ब्लॉक को फिर से कॉम्पोज़ करने के बाद, इस ब्लॉक पर कनेक्ट किए गए ब्लॉक अपने-आप फिर से व्यवस्थित हो जाएंगे.

सेव किए गए कनेक्शन की जानकारी को अप-टू-डेट रखने के लिए, MutatorIcon किसी इवेंट लिसनर को इस तरीके को कॉल करने के लिए व्यवस्थित करता है. ऐसा तब होता है, जब म्यूटेटर फ़्लाईआउट खुला हो और इस ब्लॉक के वर्कस्पेस में कोई बदलाव हो.

style BlockStyle
width संख्या इस ब्लॉक की चौड़ाई, जिसमें कनेक्ट किए गए वैल्यू ब्लॉक भी शामिल हैं. चौड़ाई, वर्कस्पेस की इकाइयों में होती है.
फ़ाइल फ़ोल्डर WorkspaceSvg

तरीके

तरीका मॉडिफ़ायर ब्यौरा
addClass(className) इस ब्लॉक के SVG ग्रुप में एक CSS क्लास जोड़ें.
addIcon(icon)
addSelect() ब्लॉक में विज़ुअल "चुनें" इफ़ेक्ट जोड़ता है, लेकिन असल में उसे नहीं चुनता या कोई इवेंट ट्रिगर नहीं करता.
appendInput(input)
bringToFront(blockOnly) इस ब्लॉक को दिख रहे फ़ाइल फ़ोल्डर के सबसे आगे ले जाएं. टैग, z-index का इस्तेमाल नहीं करते. इसलिए, SVG उन्हें उसी क्रम में रेंडर करता है जिस क्रम में वे DOM में होते हैं. ब्लॉक ग्रुप के में इस ब्लॉक को पहले रखकर, इसे किसी भी दूसरे ब्लॉक के ऊपर रेंडर किया जाएगा. इसका इस्तेमाल कम से कम करें, क्योंकि यह DOM नोड का क्रम बदल देता है. इसलिए, यह तरीका महंगा होता है.
bumpNeighbours()

अलाइनमेंट से बाहर के ब्लॉक को अलाइन करता है.

दो ऐसे ब्लॉक जो असल में कनेक्ट नहीं हैं, वे स्क्रीन पर एक साथ नहीं होने चाहिए. ऐसा होने पर, असली उपयोगकर्ताओं को भ्रम हो सकता है.

calculateContextMenuLocation(e) protected इस ब्लॉक के लिए, संदर्भ मेन्यू दिखाने की जगह की जानकारी पाता है. अगर ब्लॉक पर क्लिक किया गया था, तो क्लिक की जगह का इस्तेमाल करें. अगर ब्लॉक पर क्लिक नहीं किया गया था, तो ब्लॉक के फ़ील्ड के आधार पर जगह का इस्तेमाल करें.
canBeFocused() IFocusableNode.canBeFocused देखें.
checkAndDelete() ब्लॉक मिटाएं और ऐसा करते समय चफ़ छिपाएं. अगर ब्लॉक फ़्लायआउट में है, तो उसे नहीं मिटाया जाएगा. इसे कॉन्टेक्स्ट मेन्यू और कीबोर्ड शॉर्टकट से, पूरी तरह मिटाने की कार्रवाई के तौर पर कहा जाता है. अगर आपको फ़ाइल फ़ोल्डर से किसी ब्लॉक को हटाना है और आपको फ़्लाईआउट की जांच करने, इवेंट ग्रुप करने या चफ़ को छिपाने की ज़रूरत नहीं है, तो सीधे block.dispose() का इस्तेमाल करें.
dispose(healStack, animate) इस ब्लॉक को हटाएं.
disposeInternal() टॉप ब्लॉक के लिए ज़रूरी काम किए बिना, इस ब्लॉक को हटा देता है. उदाहरण के लिए, यूज़र इंटरफ़ेस (यूआई) इफ़ेक्ट ट्रिगर करना, नोड हटाना वगैरह.
drag(newLoc, e) ब्लॉक को खींचकर किसी जगह पर छोड़ता है.
endDrag(e) ब्लॉक को छोड़ देता है.
generateContextMenu(e) protected इस ब्लॉक के लिए कॉन्टेक्स्ट मेन्यू जनरेट करें.
getBoundingRectangle() इस ब्लॉक और उसके नीचे स्टैक किए गए किसी भी ब्लॉक के डाइमेंशन के बारे में बताने वाले बाउंडिंग बॉक्स के निर्देशांक दिखाता है. कोऑर्डिनेट सिस्टम: वर्कस्पेस के कोऑर्डिनेट.
getBoundingRectangleWithoutChildren() सिर्फ़ इस ब्लॉक के डाइमेंशन बताने वाले बाउंडिंग बॉक्स के निर्देशांक दिखाता है. कोऑर्डिनेट सिस्टम: वर्कस्पेस के कोऑर्डिनेट.
getChildren(ordered) इस ब्लॉक में नेस्ट किए गए सभी ब्लॉक ढूंढें. इसमें वैल्यू और स्टेटमेंट इनपुट के साथ-साथ, कोई भी स्टेटमेंट शामिल होता है. इसमें आउटपुट टैब या उससे पहले के किसी स्टेटमेंट में मौजूद कोई भी कनेक्शन शामिल नहीं होता. ब्लॉक को ऊपर से नीचे की ओर, पोज़िशन के हिसाब से क्रम में लगाया जा सकता है. हालांकि, ऐसा करना ज़रूरी नहीं है.
getColour() किसी ब्लॉक का रंग पाएं.
getColourSecondary() किसी ब्लॉक का सेकंडरी रंग पाएं.
getColourTertiary() किसी ब्लॉक का तीसरा रंग पाएं.
getFocusableElement() IFocusableNode.getFocusableElement देखें.
getFocusableTree() IFocusableNode.getFocusableTree देखें.
getNextBlock() इस ब्लॉक से सीधे तौर पर जुड़ा अगला स्टेटमेंट ब्लॉक दिखाता है.
getPreviousBlock() पिछले कनेक्शन से जुड़ा ब्लॉक दिखाता है.
getRelativeToSurfaceXY() ड्रॉइंग प्लैटफ़ॉर्म के ऑरिजिन (0,0) के हिसाब से, इस ब्लॉक के सबसे ऊपर बाएं कोने के निर्देशांक, फ़ाइल फ़ोल्डर की इकाइयों में दिखाता है. अगर ब्लॉक Workspace पर है, तो (0, 0) Workspace के निर्देशांक सिस्टम का ऑरिजिन होता है. यह Workspace के स्केल के हिसाब से नहीं बदलता.
getStyle() इस ब्लॉक को स्टाइल करने के लिए इस्तेमाल किए गए BlockStyle ऑब्जेक्ट को दिखाता है.
getSvgRoot() SVG का रूट नोड दिखाता है. अगर कोई रूट नोड मौजूद नहीं है, तो शून्य दिखाता है.
initSvg() ब्लॉक का एसवीजी (Scalable Vector Graphics) वर्शन बनाएं और उसे शुरू करें. इसे एक से ज़्यादा बार कॉल किया जा सकता है.
isMovable() यह बताता है कि इस ब्लॉक को एक जगह से दूसरी जगह ले जाया जा सकता है या नहीं.
jsonInit(json)
markDirty() इस ब्लॉक के हर इनपुट की सूचना दें, ताकि उसके फ़ील्ड को गलत के तौर पर मार्क किया जा सके. गलत फ़ील्ड वह फ़ील्ड होता है जिसे फिर से रेंडर करना पड़ता है.
moveBy(dx, dy, reason) किसी ब्लॉक को रिलेटिव ऑफ़सेट से दूसरी जगह ले जाना.
moveNumberedInputBefore(inputIndex, refIndex) नंबर वाले इनपुट को इस ब्लॉक में किसी दूसरी जगह पर ले जाएं.
moveTo(xy, reason) किसी ब्लॉक को किसी जगह पर ले जाना.
onNodeBlur() IFocusableNode.onNodeBlur देखें.
onNodeFocus() IFocusableNode.onNodeFocus देखें.
removeClass(className) इस ब्लॉक के SVG ग्रुप से किसी CSS क्लास को हटाएं.
removeIcon(type)
removeInput(name, opt_quiet) इस ब्लॉक से कोई इनपुट हटाएं.
removeSelect() ब्लॉक से विज़ुअल "चुनें" इफ़ेक्ट हटाता है, लेकिन असल में उसे अनचुना नहीं करता या कोई इवेंट ट्रिगर नहीं करता.
render() कॉन्टेंट और सेटिंग के आधार पर, ब्लॉक को तुरंत लेआउट करता है और फिर से फ़्लो करता है.
revertDrag() ब्लॉक को उसी जगह पर ले जाता है जहां से उसे खींचा गया था.
scheduleSnapAndBump() ग्रिड पर स्नैप करें और फिर अगले रेंडर के आखिर में, आस-पास के ब्लॉक को हटाएं.
select() इस ब्लॉक को चुनता है. ब्लॉक को विज़ुअल तौर पर हाइलाइट करता है.
setCollapsed(collapsed) सेट करें कि ब्लॉक को छोटा किया गया है या नहीं.
setColour(colour) ब्लॉक का रंग बदलना.
setDeletable(deletable) जब ब्लॉक को मिटाया नहीं जा सकता, तब blocklyNotDeletable क्लास जोड़ें या जब ब्लॉक को मिटाया जा सकता है, तब क्लास हटाएं
setDisabledReason(disabled, reason) ब्लॉक करने की वजह जोड़ें या हटाएं. अगर किसी ब्लॉक को बंद करने की कोई वजह है, तो उसे बंद माना जाएगा. ब्लॉक को एक साथ कई वजहों से बंद किया जा सकता है. जैसे, जब उपयोगकर्ता उसे मैन्युअल तरीके से बंद करता है या ब्लॉक अमान्य हो जाता है.
setDragStrategy(dragStrategy) इस ब्लॉक के लिए, खींचने और छोड़ने की रणनीति सेट करता है.
setEditable(editable) सेट करें कि इस ब्लॉक में बदलाव किया जा सकता है या नहीं.
setHighlighted(highlighted) सेट करें कि ब्लॉक को हाइलाइट किया जाए या नहीं. ब्लॉक हाइलाइट करने की सुविधा का इस्तेमाल, आम तौर पर उन ब्लॉक को विज़ुअल तौर पर मार्क करने के लिए किया जाता है जो फ़िलहाल चल रहे हैं.
setInputsInline(newBoolean) सेट करें कि वैल्यू इनपुट को हॉरिज़ॉन्टल या वर्टिकल तौर पर व्यवस्थित किया जाए.
setMovable(movable) सेट करें कि इस ब्लॉक को एक जगह से दूसरी जगह ले जाया जा सकता है या नहीं.
setMutator(mutator) इस ब्लॉक को म्यूटेट करने वाला डायलॉग दें.
setNextStatement(newBoolean, opt_check) सेट करें कि कोई दूसरा ब्लॉक, इस ब्लॉक के नीचे चेन कर सकता है या नहीं.
setOutput(newBoolean, opt_check) सेट करें कि यह ब्लॉक कोई वैल्यू दिखाता है या नहीं.
setPreviousStatement(newBoolean, opt_check) सेट करें कि यह ब्लॉक, किसी दूसरे ब्लॉक के नीचे चेन किया जा सकता है या नहीं.
setStyle(blockStyleName) ब्लॉक की स्टाइल और कलर वैल्यू सेट करें.
setWarningText(text, id) इस ब्लॉक के लिए चेतावनी वाला टेक्स्ट सेट करें.
snapToGrid() इस ब्लॉक को सबसे नज़दीकी ग्रिड पॉइंट पर स्नैप करें.
startDrag(e) ब्लॉक को खींचने की प्रोसेस शुरू होती है.
toCopyData() कॉपी करने के लिए ब्लॉक को कोड में बदलना.
toFlyoutInfo() इस ब्लॉक का ऐसा वर्शन दिखाता है जिसे फ़्लायआउट में दिखाया जा सकता है.
translate(x, y) ब्लॉक के SVG के ट्रांसफ़ॉर्म एट्रिब्यूट पर ट्रांसलेशन सेट करके, ब्लॉक को ट्रांसफ़ॉर्म करता है.
unselect() इस ब्लॉक से चुने हुए का निशान हटाता है. ब्लॉक को हाइलाइट किए जाने की सुविधा बंद कर देता है.