blockly-網格

網格

Blockly的主工作區可以選擇有一個網格。可以使塊捕捉到網格，進而實作更清晰的布局。這在具有分布在大區域上的多個代碼組的大型應用程式中特别有用。

網格的設定是由Blockly配置的一部分對象定義的。下面是一個例子：

var workspace = Blockly.inject('blocklyDiv',
    {toolbox: document.getElementById('toolbox'),
     grid:
         {spacing: 20,
          length: 3,
          colour: '#ccc',
          snap: true},
     trashcan: true});
           

間距

最重要的栅格特性是定義栅格點之間距離的間距。預設值為0，這将導緻沒有網格。以下是間距設定為10、20和40的示例：

長度

length屬性是定義網格點形狀的數字。長度為0将生成不可見的網格（但仍然是可以捕捉到的網格），長度為1（預設值）将生成點，長度越長将生成十字，長度等于或大于圖紙中間距的結果。以下是長度設定為1、5和20的示例：

顔色

顔色屬性是設定點顔色的字元串。注意英國的拼寫。使用任何與CSS相容的格式，包括#f00、#ff0000或rgb（255、0、0）。預設值為#888。以下是設定為“000”、“ccc”和“f00”的顔色示例：

捕捉

snap屬性是一個布爾值，用于設定塊放置在工作空間中時是否應捕捉到最近的網格點。預設值為false。