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
。
轮子
设置为 true
即可允许鼠标滚轮缩放。默认设置为 false
。
startScale
初始放大因数。对于具有多个级别的应用,startScale
通常在第一个级别设置为较高的值,然后随着后续级别的复杂程度逐渐降低,默认设置为 1.0
。
maxScale
指定放大幅度的最大乘法因数。默认为 3
。
minScale
表示可以缩小多远的最小乘法系数。默认为 0.3
。
scaleSpeed
对于每个缩小步骤,缩放比例分别除以缩放速度,这意味着:scale = scaleSpeed ^ steps
。请注意,此公式中减去了缩小步骤并添加了放大步骤。默认设置为 1.2
。
双指张合
设为 true
即可在触摸设备上支持通过双指张合进行缩放。如果 wheel
或 controls
选项设置为 true
,则默认为 true
。