각 가이드에 대한 내용은 좌측 메뉴를 선택하여 확인하세요.
캠버스 컴포넌드는 웹 페이지에서 그래픽을 그리기 위한 기능을 제공하는 컴포넌트이다.
| 속성 | 설명 |
|---|
| 이벤트 | 설명 |
|---|---|
| on_click | 캔버스에서 마우스 클릭 시 호출됨 |
| on_dblclick | 캔버스에서 마우스 더블클릭 시 호출됨 |
| on_dropcomplete | 다른 컨트롤에서 드래그 시작해 현재 컨트롤에 드롭 완료시 호출됨 |
| on_rclick | 캔버스에서 오른쪽 마우스 클릭 시 호출됨 |
| on_saveimage | saveimage API를 통해 이미지 저장시 호출됨 |
| 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에 연결선을 그린다. |