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. 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 aumentar e diminuir zoom. O valor padrão é false.

roda

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

maxScale

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

minScale

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

scaleSpeed

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

gesto de pinça

Defina como true para ativar o gesto de pinça e ativar a compatibilidade com zoom em dispositivos com tela touchscreen. O padrão será true se a opção wheel ou controls estiver definida como true.