확대/축소 옵션

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