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。

来源：CSDN

作者：wolf131721

链接：https://blog.csdn.net/wolf131721/article/details/103909608

标签

blockly