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
.