====== 캔버스 가이드 ====== 각 가이드에 대한 내용은 좌측 메뉴를 선택하여 확인하세요. ===== 개요 ===== 캠버스 컴포넌드는 웹 페이지에서 그래픽을 그리기 위한 기능을 제공하는 컴포넌트이다. ===== 주요 속성 ===== |< 100% 200px - >| ^ 속성 ^ 설명 ^ ===== 주요 이벤트 ===== |< 100% 200px - >| ^ 이벤트 ^ 설명 ^ | on_click | 캔버스에서 마우스 클릭 시 호출됨 | | on_dblclick | 캔버스에서 마우스 더블클릭 시 호출됨 | | on_dropcomplete | 다른 컨트롤에서 드래그 시작해 현재 컨트롤에 드롭 완료시 호출됨 | | on_rclick | 캔버스에서 오른쪽 마우스 클릭 시 호출됨 | | on_saveimage | saveimage API를 통해 이미지 저장시 호출됨 | ===== 주요 API ===== |< 100% 200px - >| ^ API ^ 설명 ^ | setenableex | 해당 컨트롤의 활성화(enable) 여부를 설정한다. | | geteraserwidth | 지우개 두께를 반환한다. | | seteraserwidth | 지우개 두께를 지정한다. | | setarrowstyle | 화살표 스타일을 설정한다. | | setlinestyle | 선 스타일을 설정한다. | | setlinecolor | 선 색상을 설정한다. | | setlinewidth | 선 두께를 설정한다. | | clearcanvas | 영역 전체를 지운다. | | insertimage | 이미지를 캔버스에 표시한다. | | gettext | 컨트롤에 입력된 텍스트를 반환한다. | | saveimage | 캔버스 영역을 이미지로 저장한다. | | drawtext | 캔버스에 문자열을 출력한다. | | setarrowstyle | 화살표 스타일을 설정한다. | | drawroundrect | SVG에 모서리둥근사각형을 그린다. | | additemtext | SVG에 그려진 도형에 텍스트를 표시한다. | | getitemkind | SVG 아이템의 종류를 반환한다. | | setitemeditable | SVG에서 지정한 아이템의 편집 가능 여부를 지정한다. | | removeitem | SVG에 그려진 아이템을 삭제한다. | | drawjoinline | SVG에 연결선을 그린다. |