Zoom（ズームレベル）

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 です。