Config 그리드, 이동, 줌(Grid, Move, Zoom)

[주인장]

var workspace = Blockly.inject('blocklyDiv',
    {toolbox: document.getElementById('toolbox'),
     grid:
         {spacing: 20,
          length: 3,
          colour: '#ccc',
          snap: true},
     trashcan: true});

1. Grid

- Spacing : 가장 중요한 그리드 속성은 그리드 지점 간의 거리를 정의하는 spacing입니다. 기본값은 0이며 이 경우 그리드가 표시되지 않습니다. 다음은 10, 20, 40으로 설정된 spacing의 예입니다.

- Length : length 속성은 그리드 점의 모양을 정의하는 숫자입니다. 길이가 0이면 그리드가 보이지 않게 되고 (하지만 여전히 맞추기는 가능), 길이가 1 (기본값)이면 점이 표시되고, 길이가 길면 십자가가 표시되고, 길이가 같거나 더 클수록 그래프 용지가 됩니다.

- Colour : colour 속성은 점의 색상을 설정하는 문자열입니다. 영국식 철자를 봐. #f00, #ff0000, rgb(255, 0, 0) 등 CSS와 호환되는 형식을 사용하세요. 기본값은 #888입니다

- Snap : snap 속성은 작업공간에 배치할 때 블록을 가장 가까운 그리드 포인트에 맞춰야 할지 여부를 설정하는 불리언입니다. 기본값은 false입니다.

var workspace = Blockly.inject('blocklyDiv',
    {move:{
        scrollbars: {
          horizontal: true,
          vertical: true
        },
        drag: true,
        wheel: false}
 });

2. Move 

- scrollbars

작업공간에 세로 또는 가로 스크롤바가 있는지 결정합니다. horizontal 속성이 가로 스크롤을 사용 설정할지 결정하고 vertical 속성이 세로 스크롤의 사용 설정 여부를 결정하는 객체를 사용합니다. 불리언이 전달되면 해당 값으로 설정된 horizontal 및 vertical 속성이 모두 있는 객체를 전달하는 것과 같습니다. 작업공간에 카테고리가 있으면 기본값은 true(가로 및 세로 스크롤 모두 사용 설정됨)입니다.

- drag

작업 영역을 마우스로 드래그할 수 있는지 결정합니다. scrollbars이 false이면 항상 false입니다 (적어도 옵션 파싱 시). scrollbars가 true이면 기본값은 true입니다.

- wheel 

마우스 휠로 작업공간을 스크롤할 수 있는지 결정합니다. scrollbars이 false이면 항상 false입니다 (적어도 옵션 파싱 시). 기본값은 false입니다.

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

3. Zoom 

- controls

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

- wheel

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

- startScale

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

- maxScale

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

- minScale

축소할 수 있는 범위를 나타내는 최소 곱셈 계수입니다. 기본값은 0.3입니다.

- scaleSpeed

각 축소 단계에서 배율은 각각 조정 속도 즉, scale = scaleSpeed ^ steps입니다. 참고: 이 축소 공식 단계가 빼고 확대 단계가 더해집니다. 기본값은 1.2입니다.

- pinch

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