확대/축소

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입니다.

wheel

마우스 휠로 확대/축소할 수 있도록 true로 설정합니다. 기본값은 false입니다.

startScale

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

maxScale

최대 배율로 확대할 수 있는 최대 배율입니다. 기본값은 3입니다.

minScale

축소할 수 있는 거리의 최소 배율입니다. 기본값은 0.3입니다.

scaleSpeed

각 축소 단계에서 배율을 각각 배율 속도로 곱하거나 나눠서 scale = scaleSpeed ^ steps을 의미합니다. 이 수식에서는 축소 단계가 뺍니다. 확대 단계는 더해집니다. 기본값은 1.2입니다.

손가락 모으기

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