Zoom

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.