Opção de zoom

O espaço de trabalho principal do Blockly pode ser escalonável, seja dinamicamente pelo usuário ou estaticamente pelo desenvolvedor.

As configurações de zoom são definidas por um objeto que faz parte das opções de configuração do Blockly. Confira um exemplo:

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

Defina como true para mostrar os botões de centralização, aumento e redução de zoom. O padrão é false.

roda

Defina como true para permitir o zoom com a roda do mouse. O padrão é false.

startScale

Fator de ampliação inicial. Para aplicativos com vários níveis, startScale geralmente é definido como um valor mais alto no primeiro nível e diminuído gradualmente à medida que os níveis subsequentes se tornam mais complexos. O padrão é 1.0.

maxScale

Fator máximo de multiplicação para o nível de zoom. O valor padrão é 3.

minScale

Fator de multiplicação mínimo para o quanto é possível reduzir o zoom. O valor padrão é 0.3.

scaleSpeed

Para cada etapa de zoom in-out, a escala é multiplicada ou dividida, respectivamente, pela velocidade de escala. Isso significa que: scale = scaleSpeed ^ steps. Nessa fórmula, as etapas de redução de zoom são subtraídas, e as de aumento são adicionadas. O padrão é 1.2.

gesto de pinça

Defina como true para ativar o suporte ao gesto de pinça para aumentar o zoom em dispositivos touchscreen. O padrão é true se a opção wheel ou controls estiver definida como true.