Der Hauptarbeitsbereich von Blockly kann entweder dynamisch durch den Nutzer oder statisch durch den Entwickler skalierbar sein.
Die Zoomeinstellungen werden durch ein Objekt definiert, das Teil der Blockly-Konfiguration ist. Hier ein Beispiel:
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});
Einstellungen
Legen Sie true
fest, um die Schaltflächen zum Zoomen, Heran- und Herauszoomen anzuzeigen.
Die Standardeinstellung ist false
.
wheel
Legen Sie diese Option auf true
fest, damit mit dem Mausrad gezoomt werden kann. Die Standardeinstellung ist false
.
startScale
Anfänglicher Vergrößerungsfaktor. Bei Anwendungen mit mehreren Ebenen wird startScale
häufig auf einen höheren Wert auf der ersten Ebene festgelegt und dann schrittweise verringert, wenn die nachfolgenden Ebenen komplexer werden.
Die Standardeinstellung ist 1.0
.
maxScale
Maximaler Multiplikationsfaktor, der angibt, wie weit herangezoomt werden kann. Die Standardeinstellung ist 3
.
minScale
Minimaler Multiplikationsfaktor, der angibt, wie weit herausgezoomt werden kann. Die Standardeinstellung ist 0.3
.
scaleSpeed
Für jeden Schritt zum Herauszoomen wird die Skala durch die Skalierungsgeschwindigkeit multipliziert bzw. geteilt. Das bedeutet: scale = scaleSpeed ^ steps
. Beachten Sie, dass bei dieser Formel die Schritte zum Herauszoomen subtrahiert und die Zoomschritte addiert werden.
Die Standardeinstellung ist 1.2
.
zusammenziehen
Legen Sie true
fest, damit auf Touchgeräten die Funktion „Zum Zoomen auseinander- und zusammenziehen“ unterstützt wird. Die Standardeinstellung ist true
, wenn die Option wheel
oder controls
auf true
festgelegt ist.