配置第四

右文提及一些配置项，此处详细展开。如无特殊需求可直接查看 Blockly Developer Tools 的使用方法，将会降低难度。
网格
grid: {
    spacing: 20,
    length: 3,
    colour: '#ccc',
    snap: true
}
依次代表格点间距，十字形格点的长短，格点颜色，以及是否自动将积木与网格对齐。
拖拽
move: {
    scrollbars:{
        horizontal: true,
        vertical: true    
    },
    drag: true,
    wheel: false
}
scrollbars 配置滚动。当传入的对象中键 horizontal 值为 true 时则显示水平滚动条。反之则禁止水平滚动条。vertical 对应垂直滚动条。
当向 scrollbars 传入一个布尔值，而非对象时，视作令 horizontal 和 vertical 都设为该布尔值。
只有 scrollbars 为 true 才能将 drag 设为 true。drag 代表是否允许鼠标拖拽移动 WorkSpace 。
只有 scrollbars 为 true 才能将 wheel 设为 true。wheel 代表是否允许鼠标滚轮移动 WorkSpace 。
缩放
 zoom: {
    controls: true,
    wheel: true,
    startScale: 1.0,
    maxScale: 3,
    minScale: 0.3,
    scaleSpeed: 1.2,
    pinch: true
}
依次为右下角是否显示缩放图标，是否允许滚轮缩放，起始大小比例，允许缩放的最大、最小大小比例，缩放速率，和移动设备是否允许二指缩放。
Blockly Developer Tools 生成配置
首先打开 Blockly Developer Tools，之后按图示顺序操作，点击 Workspace Factory 和 Workspace：
Blockly Developer Tools
中间一列即为右文已翻译的配置项。只需点击启用，调整网格等一干配置项的参数，便能即时地在右侧的预览中看到效果。
Export
此后单击 Export，再单击 Starter Code，就导出了 WorkSpace 的配置项。

最近更新 11mo ago

配置 第四

网格

拖拽

缩放

Blockly Developer Tools 生成配置

配置第四

`Blockly Developer Tools` 生成配置