Zoom

El lugar 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.

La configuración de zoom se define mediante un objeto que forma parte de la 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

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

rueda

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

startScale

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 que indica hasta dónde se puede acercar. La configuración predeterminada es 3.

minScale

Factor de multiplicación mínimo para indicar hasta qué punto se puede alejar la imagen. La configuración predeterminada es 0.3.

scaleSpeed

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

pellizcar

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