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