확대/축소

Blockly의 기본 작업공간은 사용자가 동적으로 확장하거나 개발자가 정적으로 확장할 수 있습니다.

확대/축소 설정은 Blockly 구성의 일부인 객체에 의해 정의됩니다. 예를 들면 다음과 같습니다.

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

설정

확대/축소, 확대, 축소 버튼을 표시하려면 true로 설정합니다. 기본값은 false입니다.

바퀴

마우스 휠을 확대/축소하려면 true로 설정합니다. 기본값은 false입니다.

startScale

초기 확대 계수입니다. 여러 수준이 있는 애플리케이션의 경우 startScale가 첫 번째 수준에서 더 높은 값으로 설정되는 경우가 많고 후속 수준이 더 복잡해지면 점차적으로 감소합니다. 기본값은 1.0입니다.

maxScale

확대 가능한 거리의 최대 곱셈 계수입니다. 기본값은 3입니다.

minScale

축소할 수 있는 거리의 최소 곱셈 계수입니다. 기본값은 0.3입니다.

scaleSpeed

즉, 각 확대/축소 단계에서 배율은 각각 배율로 곱하거나 나뉩니다. 즉, scale = scaleSpeed ^ steps입니다. 이 수식에서 확대/축소 단계는 감산되고 확대 단계가 추가됩니다. 기본값은 1.2입니다.

손가락 모으기

터치 기기에서 손가락을 모으거나 펼쳐 확대/축소하는 기능을 사용 설정하려면 true로 설정합니다. wheel 또는 controls 옵션이 true로 설정된 경우 기본값은 true입니다.