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
。