Zoom

L'area di lavoro principale di Blockly può essere scalabile, dinamicamente dall'utente o staticamente 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

Imposta su true per mostrare i pulsanti di zoom centro, zoom in e zoom out. Il valore predefinito è false.

ruota

Imposta su 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, spesso startScale viene impostato su un valore più alto nel primo livello, quindi viene ridotto gradualmente man mano che i livelli successivi diventano più complessi. Il valore predefinito è 1.0.

maxScale

Fattore di moltiplicazione massimo per quanto riguarda l'aumento dello zoom. Il valore predefinito è 3.

minScale

Fattore di moltiplicazione minimo relativo alla distanza di riduzione dello zoom. Il valore predefinito è 0.3.

scaleSpeed

Per ogni passo di zoom in avanti, la scala viene moltiplicata o divisa rispettivamente per la velocità della scala, questo significa che: scale = scaleSpeed ^ steps. Tieni presente che in questa formula i passi per diminuire lo zoom vengono sottratti e i passi per aumentare lo zoom vengono aggiunti. Il valore predefinito è 1.2.

pizzicare

Imposta su true per attivare il supporto dello zoom con pizzico sui dispositivi touch. Il valore predefinito è true se l'opzione wheel o controls è impostata su true.