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
.