ズーム オプション

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