Zoom

Der Hauptarbeitsbereich von Blockly kann skaliert werden, entweder dynamisch vom Nutzer oder statisch vom Entwickler.

Die Zoomeinstellungen werden von einem Objekt definiert, das zur Blockly-Konfiguration gehört. 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 Mittelpunkt zoomen“, „Heranzoomen“ und „Herauszoomen“ anzuzeigen. Die Standardeinstellung ist false.

wheel

Legen Sie true fest, um das Zoomen per Mausrad zu aktivieren. Die Standardeinstellung ist false.

startScale

Anfänglicher Vergrößerungsfaktor. Bei Anwendungen mit mehreren Ebenen wird startScale in der ersten Ebene oft auf einen höheren Wert festgelegt und dann schrittweise verringert, wenn die nachfolgenden Ebenen komplexer werden. Die Standardeinstellung ist 1.0.

maxScale

Maximaler Multiplikator für den Zoom. Die Standardeinstellung ist 3.

minScale

Minimaler Multiplikator für den maximalen Heranzoomen. Die Standardeinstellung ist 0.3.

scaleSpeed

Bei jedem Heranzoomen oder Herauszoomen wird die Skala mit der Skalierungsgeschwindigkeit multipliziert oder geteilt. Das bedeutet: scale = scaleSpeed ^ steps. Beachten Sie, dass in dieser Formel die Verkleinerung subtrahiert wird und die Verkleinerungsschritte hinzugefügt werden. Die Standardeinstellung ist 1.2.

zusammenziehen

Legen Sie true fest, um die Unterstützung für Zoomen durch Auseinander- und Zusammenziehen auf Touchgeräten zu aktivieren. Der Standardwert ist true, wenn entweder die Option wheel oder controls auf true gesetzt ist.