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 da configuração do Blockly. 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 centralizar, aumentar e diminuir o zoom. O padrão é false.

roda

Defina como true para permitir que a roda do mouse faça zoom. 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 diminuido de forma incremental à medida que os níveis subsequentes se tornam mais complexos. O padrão é 1.0.

maxScale

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

minScale

Fator de multiplicação mínimo para a extensão do zoom. O valor padrão é 0.3.

scaleSpeed

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

gesto de pinça

Defina como true para ativar o gesto de pinça para zoom em dispositivos com tela touch. O padrão é true se a opção wheel ou controls estiver definida como true.