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
。