Lo spazio di lavoro principale di Blockly può essere scalabile, in modo dinamico da parte dell'utente o statico da parte dello sviluppatore.
Le impostazioni di zoom sono definite da un oggetto che fa parte delle opzioni di 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
Imposta su true
per mostrare i pulsanti di centratura, aumento e diminuzione dello zoom.
Il valore predefinito è false
.
ruota
Imposta true
per consentire lo zoom con la rotellina del mouse. 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, poi
viene ridotto in modo incrementale man mano che i livelli successivi diventano più complessi.
Il valore predefinito è 1.0
.
maxScale
Fattore di moltiplicazione massimo per lo zoom. Il valore predefinito è 3
.
minScale
Fattore di moltiplicazione minimo per quanto è possibile diminuire lo zoom. Il valore predefinito è 0.3
.
scaleSpeed
Per ogni passaggio di zoom in/out, la scala viene moltiplicata o divisa rispettivamente per
la velocità di scala, il che significa che: scale = scaleSpeed ^ steps
. Tieni presente che in
questa formula i passaggi di riduzione vengono sottratti e i passaggi di ingrandimento vengono aggiunti.
Il valore predefinito è 1.2
.
pizzicare
Imposta true
per attivare il supporto del pizzico per zoomare sui dispositivi touch. Il valore predefinito è
true
se l'opzione wheel
o controls
è impostata su true
.