L'area di lavoro principale di Blockly può essere scalabile, in modo dinamico dall'utente o in modo statico dallo sviluppatore.
Le impostazioni di zoom sono definite da un oggetto che fa parte della configurazione di Blockly. Ecco un esempio:
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});
controlli
Impostala su true
per mostrare i pulsanti per centro zoom, zoom e riduzione.
Il valore predefinito è false
.
volante
Imposta questo valore su true
per consentire alla rotellina del mouse di eseguire lo zoom. Il valore predefinito è false
.
startScale
Fattore di ingrandimento iniziale. Per le applicazioni con più livelli, startScale
viene spesso impostato su un valore più alto nel primo livello, per poi essere diminuito progressivamente man mano che i livelli successivi diventano più complessi.
Il valore predefinito è 1.0
.
maxScale
Fattore di moltiplicazione massimo che determina l'estensione dello zoom. Il valore predefinito è 3
.
minScale
Fattore di moltiplicazione minimo per determinare di quanto è possibile diminuire lo zoom. Il valore predefinito è 0.3
.
scaleSpeed
Per ogni incremento dello zoom in avanti, la scala viene moltiplicata o divisa rispettivamente per la velocità della scala, il che significa che: scale = scaleSpeed ^ steps
. Tieni presente che in questa formula i passaggi dello zoom indietro vengono sottratti e vengono aggiunti quelli per lo zoom in avanti.
Il valore predefinito è 1.2
.
pizzicare
Impostala su true
per attivare il supporto dello zoom pizzicando sui dispositivi touch. Il valore predefinito è
true
se l'opzione wheel
o controls
è impostata su true
.