圖片欄位

圖片欄位會將字串儲存為值，並將字串儲存為文字。結果值是圖片的 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);
}