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

車輪

マウスホイールによるズームを許可するには、true に設定します。デフォルトは false です。

startScale

初期倍率。複数のレベルを持つアプリの場合、多くの場合、startScale は最初のレベルで大きな値に設定され、後続のレベルが複雑になるにつれて段階的に下げられます。デフォルトは 1.0 です。

maxScale

拡大できる距離の最大倍率。デフォルトは 3 です。

minScale

ズームアウトの度合いを表す最小乗算係数。デフォルトは 0.3 です。

scaleSpeed

ズームアウトするたびに、スケールがスケール速度で乗算または除算されます。これは、scale = scaleSpeed ^ steps を意味します。この数式では、ズームアウトのステップが差し引かれ、ズームインのステップが加算されます。デフォルトは 1.2 です。

ピンチ操作する

タッチデバイスで「ピンチしてズーム」をサポートするには、true に設定します。wheel オプションまたは controls オプションが true に設定されている場合のデフォルトは true です。