Opción de zoom

El espacio de trabajo principal de Blockly puede ser escalable, ya sea de forma dinámica por el usuario o de forma estática por el desarrollador.

Los parámetros de configuración del zoom se definen mediante un objeto que forma parte de las opciones de configuración de Blockly. 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

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

rueda

Se establece en true para permitir que la rueda del mouse haga zoom. 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, se reduce de forma incremental a medida que los niveles posteriores se vuelven más complejos. La configuración predeterminada es 1.0.

maxScale

Factor de multiplicación máximo para el nivel de acercamiento. La configuración predeterminada es 3.

minScale

Es el factor de multiplicación mínimo para la distancia a la que se puede alejar el zoom. La configuración predeterminada es 0.3.

scaleSpeed

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

pellizcar

Establécelo en true para habilitar la compatibilidad con el gesto de pellizcar para acercar en dispositivos táctiles. El valor predeterminado es true si la opción wheel o controls se establece en true.