Zoom

L'espace de travail principal de Blockly peut être évolutif, de manière dynamique par l'utilisateur ou statique par le développeur.

Les paramètres de zoom sont définis par un objet qui fait partie de la configuration de Blockly. Voici un exemple :

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});

commandes

Définissez la valeur sur true pour afficher les boutons de zoom avant, de zoom arrière et de centrer le zoom. La valeur par défaut est false.

roue

Définissez la valeur sur true pour autoriser le zoom avec la molette de la souris. La valeur par défaut est false.

startScale

Facteur de grossissement initial. Pour les applications à plusieurs niveaux, startScale est souvent défini sur une valeur plus élevée au premier niveau, puis réduit progressivement à mesure que les niveaux suivants deviennent plus complexes. La valeur par défaut est 1.0.

maxScale

Facteur de multiplication maximal pour le zoom avant. La valeur par défaut est 3.

minScale

Facteur de multiplication minimal permettant de définir le niveau de zoom arrière. La valeur par défaut est 0.3.

scaleSpeed

Pour chaque étape de zoom avant ou arrière, l'échelle est multipliée ou divisée respectivement par la vitesse de zoom, ce qui signifie que: scale = scaleSpeed ^ steps. Notez que dans cette formule, les étapes de zoom arrière sont soustraites et les étapes de zoom avant ajoutées. La valeur par défaut est 1.2.

pincer

Définissez la valeur sur true pour activer la prise en charge du pincement pour zoomer sur les appareils tactiles. Valeur par défaut : true si l'option wheel ou controls est définie sur true.