Blockly 的主工作区可以缩放,既可以由用户动态缩放,也可以由开发者静态缩放。
缩放设置由 Blockly 的配置选项中的一个对象定义。示例如下:
var workspace = Blockly.inject('blocklyDiv',
{toolbox: document.getElementById('toolbox'),
zoom:
{controls: true,
wheel: true,
startScale: 1.0,
maxScale: 3,
minScale: 0.3,
scaleSpeed: 1.2,
pinch: true},
trashcan: true});
控件
设置为 true
可显示缩放中心、放大和缩小按钮。
默认设置为 false
。
wheel
设置为 true
可允许使用鼠标滚轮进行缩放。默认设置为 false
。
startScale
初始放大倍数。对于具有多个级别的应用,startScale
通常在第一级设置为较高的值,然后随着后续级别变得更加复杂而逐渐减小。默认设置为 1.0
。
maxScale
可放大的最大倍数。默认为 3
。
minScale
可缩小的最小倍增系数。默认为 0.3
。
scaleSpeed
对于每个放大/缩小步骤,比例会分别乘以或除以缩放速度,这意味着:scale = scaleSpeed ^ steps
。请注意,在此公式中,缩小步骤会相减,而放大步骤会相加。默认设置为 1.2
。
双指张合
设置为 true
可在触控设备上启用双指张合缩放支持。如果 wheel
或 controls
选项设置为 true
,则默认为 true
。