화면설명
그리기
노드를 그리는 방법을 안내합니다.
왼쪽의 DETECTED HOSTS 혹은 TOOLS 에서 오른쪽의 캔버스에 드래그앤드롭합니다.
드래그앤드롭 후 노드가 캔버스에 정상적으로 그려지면 노드가 포커싱됩니다.
이동하기
이동하고자하는 노드위에 마우스 커서를 올립니다.
대상 노드를 원하는 위치에 드래그앤드롭합니다.
대상 노드는 포커스 상태입니다.
연결선 그리기
연결선은 노드(혹은 그룹)간 최단거리를 자동 계산하여 그려집니다.
노드 연결선 그리기
대상 노드의 중앙에 마우스를 올리면 커서가 포인터으로 바뀝니다.
커서가 바뀐 상태에서 연결하고자 하는 노드에 드래그앤드롭 합니다.
정상처리될 경우 연결선이 나타납니다.
그룹 연결선 그리기
그룹제목부분의 정중앙에 마우스를 올리면 커서가 포인터로 바뀝니다.
커서가 바뀐 상태에서 연결하고자 하는 노드에 드래그앤드롭합니다.
정상처리될 경우 연결선이 나타납니다.
연결선 이동하기
커서가 바뀌면 연결선을 이동할 수 있습니다.
원하는 위치에 연결선을 드래그앤드롭합니다.
드래그앤드롭 후 변형된 연결선 확인
연결선 변형하기
연결선에 있는 연결선 핸들러(초록색점) 위에 마우스를 올리면 커서가 바뀝니다.
원하는 위치에 연결선 핸들러를 드래그앤드롭합니다.
변형된 연결선을 확인할 수 있습니다.
그룹
연결선을 제외한 2개 이상 노드 혹은 그룹을 선택하여 하나의 그룹으로 만듭니다.
그룹 생성하기
대상 선택하기
툴바의 그룹버튼 클릭
그룹 생성후 그룹 확인
그룹 해제하기
그룹 해제할 그룹을 선택하여 그룹 해제 버튼을 클릭합니다.
그룹 해제 후 노드와 연결선 확인
오려내기(Cut)
대상을 캔버스에서 삭제하고 대상의 정보를 캔버스 내 클립보드에 저장합니다.
연결선과 노드를 동시에 오려내기하더라도 붙여넣기시 연결선은 제외됩니다.
캔버스 내 클립보드는 컴퓨터의 클립보드와 다른 저장소입니다. 해당 페이지에서 이탈하면 캔버스의 클립보드도 비워지니 참고하여야합니다.
대상을 클릭하고 툴바의 오려내기(Cut) 버튼을 클릭합니다.
오려내기한 대상은 캔버스에서 제거되고 캔버스 내 클립보드로 저장됩니다.
복사하기(Copy)
대상을 캔버스에서 유지시키고, 대상의 정보를 캔버스 내 클립보드에 저장합니다.
연결선과 노드를 동시에 복사하더라도 붙여넣기시 연결선은 제외됩니다.
캔버스 내 클립보드는 컴퓨터의 클립보드와 다른 저장소입니다. 해당 페이지에서 이탈하면 캔버스의 클립보드도 비워지니 참고하여야합니다.
붙여넣기(Paste)
클립보드를 통한 붙여넣기
오려내기, 복사하기를 통해 클립보드에 저장중인 데이터를 캔버스에 그립니다.
대상을 드래그하여 복사&붙여넣기
대상을 CTRL을 누른 채 드래그앤드롭하면 복사&붙여넣기가 실행됩니다.
삭제하기(Delete)
한 개 이상의 대상을 캔버스에서 삭제합니다.
실행 취소(Undo)
실행을 취소하여 이전 상태로 되돌리는 기능입니다. 해당 기능을 사용하면 매뉴얼 순서 기준으로 삭제되었던 노드와 연결선이 복구할 수 있습니다.
브라우저를 닫거나, 다른 페이지로 이동할 경우 캔버스 작업내역이 초기화됩니다. 해당 페이지에 다시 방문시 이전 작업내역을 불러올 수 없어 해당 기능을 사용할 수 없으니 주의바랍니다.
다시 실행(Redo)
이전 상태에서 실행 이후 상태로 되돌리는 기능입니다. 해당 기능을 사용하면 매뉴얼 순서 기준으로 삭제 기능 실행되어 노드와 연결선은 캔버스에서 제거됩니다.
브라우저를 닫거나, 다른 페이지로 이동할 경우 캔버스 작업내역이 초기화됩니다. 해당 페이지에 다시 방문시 이전 작업내역을 불러올 수 없어 해당 기능을 사용할 수 없으니 주의바랍니다.
화면 확대(Zoom in)
네비게이터를 이용한 화면 확대
네비게이터의 파란색 영억의 점부분에 마우스를 올리면 커서가 크기조절로 바뀝니다.
이 상태에서 마우스를 드래그하여 파란색 영역을 축소합니다.
화면이 확대되고, 네비게이션의 파란색 영역은 다시 뷰포트의 넓이만큼 설정됩니다.
툴바를 이용한 화면 확대
화면 확대(Zoom in)버튼을 클릭하면 일정크기만큼 화면이 확대됩니다.
화면 축소(Zoom out)
네비게이터를 이용한 화면 축소
네이게이터의 파란 영역의 크기를 늘리면 뷰포트가 확장되어 캔버스를 넓게 볼 수 있습니다.
네비게이터의 파란색 영억의 점부분에 마우스를 올리면 커서가 크기조절로 바뀝니다.
이 상태에서 마우스를 드래그하여 파란색 영역을 확대합니다.
화면이 축소되고, 네비게이션의 파란색 영역은 다시 뷰포트의 넓이만큼 설정됩니다.
툴바를 이용한 화면 축소
화면 축소(Zoom out)버튼을 클릭하면 일정크기만큼 화면이 축소됩니다.
화면 맞춤(Fit screen)
모든 노드들을 한 화면에 볼 수 있습니다.
화면 맞춤(Fit) 버튼을 클릭하면 모든 노드를 한 화면에 볼 수 있습니다.
화면 이동
네비게이터를 이용한 화면 이동
마우스를 이용한 화면 이동(우클릭 드래그)
마우스 우클릭 드래그시 화면을 이동할 수 있습니다.
노드의 표시
Warning
DETECTED HOSTS 영역에서
속성 수정하기
노드, 그룹, 연결선 등 타입 따라 속성을 수정할 수 있습니다.
대상을 클릭하면 수정이 가능한 속성이 표시됩니다.
Add Comment