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
.