blockly > BlockSvg

BlockSvg क्लास

ब्लॉक के SVG प्रज़ेंटेशन के लिए क्लास. इसे आम तौर पर सीधे तौर पर कॉल नहीं किया जाता है. workspace.newBlock() का इस्तेमाल करना बेहतर होता है.

हस्ताक्षर:

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

बढ़ाया गया: Block

लागू करता है: IBoundedElement, IContextMenu, ICopyable<BlockCopyData>, IDraggable, IDeletable, IFocusableNode

निर्माता

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

प्रॉपर्टी

प्रॉपर्टी	मॉडिफ़ायर	टाइप	ब्यौरा
COLLAPSED_WARNING_ID	static readonly	(डिक्लेयर नहीं किया गया)	"छोटी की गई चेतावनियां" वाली चेतावनी दिखाने के लिए आईडी. इस कुकी की मदद से, हम ब्लॉक से जुड़ी किसी भी चेतावनी को हटाए बिना, "छोटी की गई चेतावनियां" वाली चेतावनी को हटा सकते हैं.
customContextMenu?		(p1: Array<ContextMenuOption | LegacyContextMenuOption>) => void	(ज़रूरी नहीं)
डिकंपोज़?		(p1: Workspace) => BlockSvg	(ज़रूरी नहीं)
height		संख्या	इस ब्लॉक की ऊंचाई. इसमें ऊपर या नीचे मौजूद किसी भी स्टेटमेंट ब्लॉक की ऊंचाई शामिल नहीं है. ऊंचाई, फ़ाइल फ़ोल्डर की इकाइयों में होती है.
INLINE	static readonly	(डिक्लेयर नहीं किया गया)	यह एक ऐसा कॉन्स्टेंट है जिससे उन लाइनों की पहचान की जाती है जिन्हें इनलाइन रेंडर करना है. Blockly.inputTypes से मेल नहीं खाना चाहिए.
म्यूटेटर		MutatorIcon | null	ब्लॉक का म्यूटेटर आइकॉन (अगर कोई हो).
nextConnection		RenderedConnection
outputConnection		RenderedConnection
previousConnection		RenderedConnection
rendered	readonly	(डिक्लेयर नहीं किया गया)	क्या यह ब्लॉक, BlockSVG है?
saveConnections?		(rootBlock: BlockSvg) => void	(ज़रूरी नहीं) यह एक वैकल्पिक तरीका है. इससे इस ब्लॉक से कनेक्ट किए गए ब्लॉक का रिकॉर्ड सेव होता है, ताकि इस ब्लॉक को फिर से कंपोज़ (फिर से कॉन्फ़िगर) करने के बाद, उन्हें वापस लाया जा सके. आम तौर पर, यह कुटेशन फ़्लायआउट में मौजूद प्रॉपर्टी पर कनेक्ट किए गए ब्लॉक को रिकॉर्ड करता है. इससे कॉम्पोनेंट ब्लॉक को फिर से व्यवस्थित करने पर, इस ब्लॉक पर कनेक्ट किए गए ब्लॉक अपने-आप फिर से व्यवस्थित हो जाएंगे. सेव की गई कनेक्शन की जानकारी को अप-टू-डेट रखने के लिए, MutatorIcon एक इवेंट लिसनर की व्यवस्था करता है. यह इवेंट लिसनर, इस तरीके को तब कॉल करता है, जब म्यूटेटर फ़्लायआउट खुला हो और इस ब्लॉक के वर्कस्पेस में कोई बदलाव हो.
style		BlockStyle
width		संख्या	इस ब्लॉक की चौड़ाई. इसमें कनेक्ट किए गए वैल्यू ब्लॉक भी शामिल हैं. चौड़ाई, वर्कस्पेस की इकाइयों में होती है.
workspace		WorkspaceSvg

तरीके

तरीका	मॉडिफ़ायर	ब्यौरा
addClass(className)		इस ब्लॉक के SVG ग्रुप में कोई सीएसएस क्लास जोड़ें.
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) के हिसाब से होते हैं. साथ ही, इन्हें वर्कस्पेस की इकाइयों में दिखाया जाता है. अगर ब्लॉक, वर्कस्पेस पर है, तो (0, 0) वर्कस्पेस के कोऑर्डिनेट सिस्टम का ऑरिजिन होता है. वर्कस्पेस के साइज़ के हिसाब से इसमें कोई बदलाव नहीं होता.
getStyle()		इस ब्लॉक को स्टाइल करने के लिए इस्तेमाल किया गया BlockStyle ऑब्जेक्ट दिखाता है.
getSvgRoot()		SVG का रूट नोड दिखाता है. अगर कोई रूट नोड मौजूद नहीं है, तो शून्य दिखाता है.
initSvg()		ब्लॉक का SVG वर्शन बनाएं और उसे शुरू करें. इसे एक से ज़्यादा बार कॉल किया जा सकता है.
isCopyable()		यह फ़ंक्शन बताता है कि इस ब्लॉक को कॉपी किया जा सकता है या नहीं.
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()		इस ब्लॉक से चुने हुए का निशान हटाता है. इससे ब्लॉक को विज़ुअल तौर पर अनहाइलाइट किया जाता है.