Powiększenie

Główny obszar roboczy Blockly może być skalowany dynamicznie przez użytkownika lub statycznie przez programistę.

Ustawienia powiększenia są definiowane przez obiekt będący częścią konfiguracji Blockly. Oto przykład:

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});

ustawienia | elementy sterujące

Ustaw true, aby wyświetlać przyciski powiększenia, powiększania i pomniejszania. Domyślna wartość to false.

koło

Ustaw na true, aby umożliwić powiększanie za pomocą kółka myszy. Domyślna wartość to false.

startScale

Początkowy współczynnik powiększenia. W przypadku aplikacji o wielu poziomach parametr startScale jest często ustawiony na wyższą wartość na pierwszym poziomie, a następnie stopniowo zmniejsza się, w miarę jak kolejne poziomy stają się bardziej złożone. Domyślna wartość to 1.0.

maxScale

Maksymalny współczynnik mnożenia określający, jak bardzo można powiększyć. Domyślna wartość to 3.

minScale

Minimalny współczynnik mnożenia określający, jak daleko można oddalić obraz. Domyślna wartość to 0.3.

scaleSpeed

W przypadku każdego kroku powiększenia skala jest mnożona lub dzielona przez szybkość skali, co oznacza, że: scale = scaleSpeed ^ steps. Pamiętaj, że w przypadku tej formuły kroki pomniejszania są odejmowane, a powiększane – dodawane. Domyślna wartość to 1.2.

ściągać

Ustaw jako true, aby włączyć obsługę powiększania przez ściąganie i rozciąganie na urządzeniach dotykowych. Jeśli zasada wheel lub controls ma wartość true, domyślna wartość to true.