图片字段会存储字符串作为其值,将字符串存储为其文本。其 value 为图片的 src,而其文本为 alt 字符串 描述/呈现图像。
图片字段
收起的块上的图片字段
恣意创作
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);
}