Zoom

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.