इमेज फ़ील्ड में, स्ट्रिंग को वैल्यू के तौर पर और स्ट्रिंग को टेक्स्ट के तौर पर सेव किया जाता है. यह वैल्यू, इमेज का सोर्स है, जबकि इसका टेक्स्ट एक वैकल्पिक स्ट्रिंग है इमेज के बारे में बताना या उसके बारे में बताना.
इमेज फ़ील्ड
छोटे किए गए ब्लॉक पर इमेज फ़ील्ड
शॉर्ट वीडियो
JSON
{
"type": "example_image",
"message0": "image: %1",
"args0": [
{
"type": "field_image",
"src": "https://www.gstatic.com/codesite/ph/images/star_on.gif",
"width": 15,
"height": 15,
"alt": "*"
}
]
}
JavaScript
Blockly.Blocks['example_image'] = {
init: function() {
this.appendDummyInput()
.appendField("image:")
.appendField(new Blockly.FieldImage(
"https://www.gstatic.com/codesite/ph/images/star_on.gif",
15,
15,
"*"));
}
};
इमेज कंस्ट्रक्टर यह काम करता है:
| पैरामीटर | ब्यौरा |
|---|---|
src |
रास्टर इमेज फ़ाइल पर ले जाने वाली स्ट्रिंग. |
width |
किसी शून्य के अलावा किसी और नंबर पर कास्ट करना चाहिए. |
height |
किसी शून्य के अलावा किसी और नंबर पर कास्ट करना चाहिए. |
opt_alt |
(ज़रूरी नहीं) इमेज के बारे में सटीक जानकारी देने वाली स्ट्रिंग. अगर यह null या undefined है, तो एक खाली स्ट्रिंग का इस्तेमाल किया जाएगा. |
opt_onClick |
(ज़रूरी नहीं) फ़ील्ड पर क्लिक करने के बाद, कॉल करने के लिए फ़ंक्शन. |
opt_flipRtl |
(ज़रूरी नहीं) बूलियन. अगर true है, तो दाएं-से-बाएं मोड में इमेज को वर्टिकल ऐक्सिस पर फ़्लिप किया जाता है. डिफ़ॉल्ट तौर पर, यह false पर सेट होता है. "बाएं मुड़ें" के लिए उपयोगी और "दाएं मुड़ें" आइकॉन. |
क्रम से लगाना
इमेज फ़ील्ड को क्रम से नहीं लगाया जा सकता.
क्लिक हैंडलर
इमेज फ़ील्ड, पुष्टि करने वाले प्रोग्राम को स्वीकार नहीं करता है; के बजाय यह साफ़ तौर पर फ़ंक्शन को कॉल किया जाता है. इसका मतलब है कि अगर इमेज जो ब्लॉक में मौजूद बटन की तरह काम कर सकते हैं.
ऑन क्लिक हैंडलर को JavaScript कंस्ट्रक्टर में या setOnClickHandler फ़ंक्शन का इस्तेमाल करके सेट किया जा सकता है.
यहां ऑन-क्लिक हैंडलर का एक उदाहरण दिया गया है, जो ब्लॉक को छोटा करते समय कॉल किया गया.
function() {
this.getSourceBlock().setCollapsed(true);
}
