본문으로 건너뛰기

Editor API 개요

Editor 메서드

이름설명
destructor()다이어그램 에디터 인스턴스를 제거하고 사용 중이던 리소스를 해제합니다
import()기존 다이어그램의 데이터를 에디터로 가져옵니다
paint()에디터를 다시 그립니다
parse()로컬 데이터 소스에서 에디터로 데이터를 로드합니다
serialize()editor의 데이터를 JSON 객체 배열로 직렬화합니다
zoomIn()다이어그램을 확대합니다
zoomOut()다이어그램을 축소합니다

Editor 이벤트

이름설명
afterGroupMove그룹 또는 스윔레인이 그리드 한 칸만큼 이동할 때 발생합니다
afterItemCatch항목이 캡처된 후 발생합니다
afterItemMove항목이 그리드 한 칸만큼 이동했을 때 발생합니다.
afterItemResize항목의 크기가 변경된 후 발생합니다.
afterItemRotate항목이 회전한 후 발생합니다.
afterLineTitleMove라인의 텍스트 요소가 그리드 한 칸만큼 이동했을 때 발생합니다.
afterShapeIconClick항목별 툴바의 컨트롤을 클릭한 후 발생합니다.
afterShapeMove도형이 그리드 한 칸만큼 이동할 때 발생합니다
beforeGroupMove그룹 또는 스윔레인이 이동되기 전에 발생합니다
beforeItemCatch항목이 캐치되기 전에 발생합니다
beforeItemMove항목이 이동되기 전에 발생합니다
beforeItemResize항목의 크기가 변경되기 전에 발생합니다
beforeItemRotate항목이 회전되기 전에 발생합니다
beforeLineTitleMove라인의 텍스트 요소가 이동되기 전에 발생합니다
beforeShapeIconClick항목별 툴바에서 컨트롤을 클릭하기 전에 발생합니다
beforeShapeMove도형이 이동되기 전에 발생합니다
groupMoveEnd그룹 또는 스윔레인이 이동된 후에 발생합니다
itemMoveEnd항목이 이동된 후에 발생합니다
itemResizeEnd항목의 크기 조정 작업이 완료된 후(사용자가 마우스 버튼을 놓을 때) 발생합니다
itemRotateEnd항목의 회전 작업이 완료된 후(사용자가 마우스 버튼을 놓을 때) 발생합니다
itemTarget이동된 항목이 대상 항목 위에서 호버될 때 발생합니다
lineTitleMoveEnd라인의 텍스트 요소가 이동된 후에 발생합니다
shapeMoveEnd도형이 이동된 후 발생합니다
shapeResize도형 크기가 조정된 후 발생합니다
zoomIn확대 버튼을 클릭하거나 zoomIn() 메서드를 호출하면 발생합니다
zoomOut축소 버튼을 클릭하거나 zoomOut() 메서드를 호출하면 발생합니다

Editor 속성

이름설명
autoplacement선택 사항입니다. 도형의 자동 배치를 위한 구성 설정이 포함된 객체입니다.
connectionPoints선택 사항입니다. 연결 컨트롤을 사용하여 도형을 연결하는 기능을 활성화/비활성화합니다.
defaults선택 사항입니다. 도형 또는 선의 기본 설정을 지정하는 객체입니다.
editMode선택 사항입니다. Editor의 왼쪽/오른쪽 패널을 숨기거나 표시합니다.
grid선택 사항. editor 캔버스에 표시되는 grid를 활성화/비활성화합니다
gridStep선택 사항. 항목을 이동하는 단계를 정의하는 grid step의 크기를 설정합니다
hotkeys선택 사항. editor 내 다양한 작업에 대한 키보드 단축키(hotkeys)를 관리할 수 있습니다
itemsDraggable선택 사항. 항목을 한 부모 항목에서 다른 부모 항목으로 드래그하는 기능을 활성화/비활성화합니다
lineConfig선택 사항. 커넥터 라인의 기본 설정을 담은 객체입니다
magnetic선택 사항입니다. 도형을 이동할 때 스냅 라인을 표시할지 여부를 정의합니다. 표시하는 경우 스냅 라인의 모양을 구성할 수 있습니다
resizePoints선택 사항입니다. 크기 조정 컨트롤을 사용하여 도형의 크기를 조정하는 기능을 활성화/비활성화합니다
scale선택 사항입니다. diagram editor의 배율을 정의합니다
shapeToolbar선택 사항입니다. diagram 항목의 개인 툴바에 표시할 컨트롤을 정의합니다
shapeType선택 사항입니다. 항목의 유형입니다
type필수 항목입니다. Diagram Editor의 모드를 지정합니다
viewDiagram Editor의 Toolbar, Shapebar, Editbar 뷰를 구성하는 객체입니다