縮放選項

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 可在觸控裝置上啟用雙指撥動縮放功能。如果 wheelcontrols 選項設為 true,則預設為 true