Zoom

El espacio de trabajo principal de Blockly puede escalarse, ya sea de forma dinámica por parte del usuario o de forma estática por parte del desarrollador.

Un objeto que forma parte de la configuración de Blockly define los parámetros de configuración de zoom. A continuación, se muestra un ejemplo:

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

controles

Establece en true para mostrar los botones de zoom central, acercar y alejar. La configuración predeterminada es false.

rueda

Configúralo en true para permitir que se acerque la rueda del mouse. La configuración predeterminada es false.

startScale

Es el factor de ampliación inicial. En el caso de las aplicaciones con varios niveles, startScale suele establecerse en un valor más alto en el primer nivel y, luego, disminuir de forma incremental a medida que los niveles posteriores se vuelven más complejos. La configuración predeterminada es 1.0.

maxScale

Es el factor de multiplicación máximo para determinar hasta dónde se puede acercar. La configuración predeterminada es 3.

minScale

Factor de multiplicación mínimo que indica cuánto se puede alejar. La configuración predeterminada es 0.3.

scaleSpeed

Para cada paso de zoom, la escala se multiplica o divide, respectivamente, por la velocidad de escala, lo que significa que: scale = scaleSpeed ^ steps. Ten en cuenta que, en esta fórmula, se restan los pasos de alejamiento y se agregan los pasos de acercamiento. La configuración predeterminada es 1.2.

pellizcar

Configúralo en true para habilitar la compatibilidad con pellizcar para hacer zoom en dispositivos táctiles. El valor predeterminado es true si la opción wheel o controls está configurada como true.