Option de zoom

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

Les paramètres de zoom sont définis par un objet qui fait partie des options de 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});

parental

Définissez la valeur sur true pour afficher les boutons de centrage, de zoom avant et de zoom arrière. 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 zoom initial. Pour les applications à plusieurs niveaux, startScale est souvent défini sur une valeur plus élevée au premier niveau, puis diminué progressivement à mesure que les niveaux suivants deviennent plus complexes. La valeur par défaut est 1.0.

maxScale

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

minScale

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

scaleSpeed

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

pincer

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