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
。