縮放

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