使用自訂圖示

如要使用自訂圖示，請在區塊上呼叫 addIcon 或 getIcon。

新增圖示

如要在區塊中新增自訂圖示，請將區塊傳遞至圖示的建構函式，並在區塊上呼叫 addIcon。舉例來說，您可能會在初始化區塊或回應事件時執行這項操作。

JSON

// Use an extension to add a custom icon during initialization.
Blockly.Extensions.register("addMyIcon", function () {
  this.addIcon(new MyIcon(this));
})

Blockly.common.defineBlocksWithJsonArray([
  {
    type: "my_block",
    // ...
    extensions: ["addMyIcon"],
  },
])

JavaScript

// Add a custom icon during initialization.
Blockly.Blocks['my_block'] = {
  init: function() {
    //...
    this.addIcon(new MyIcon(this));
  },
}

取得圖示

如要從區塊取得自訂圖示，請呼叫 getIcon，並傳遞圖示的類型字串。

const myIcon = myBlock.getIcon('my_icon');