Powiększenie

Główna przestrzeń robocza w Blockly może być skalowalna dynamicznie przez użytkownika lub statycznie przez dewelopera.

Ustawienia powiększenia są definiowane przez obiekt, który jest 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 na true, aby wyświetlić przyciski powiększenia, pomniejszenia i powiększenia do środka. 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 z kilkoma poziomami parametr startScale jest często ustawiany na wyższą wartość na pierwszym poziomie, a następnie stopniowo zmniejszany, gdy kolejne poziomy stają się bardziej złożone. Domyślna wartość to 1.0.

maxScale

Maksymalny mnożnik, który określa, jak bardzo można powiększyć obraz. Domyślna wartość to 3.

minScale

Minimalny współczynnik mnożenia, który określa, jak daleko można oddalić widok. Domyślna wartość to 0.3.

scaleSpeed

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

ściągać

Ustaw na true, aby włączyć obsługę powiększania za pomocą gestu „szczypnięcia” na urządzeniach dotykowych. Domyślnie jest to true, jeśli opcja wheel lub controls jest ustawiona na true.