ImageMarkArea¶
목적¶
Image에서 특정 영역에 대한 Click Event를 생성할 때 사용한다.
Image 내부 코드값을 읽어오는 경우에는
ImageMapGenerator를 참고한다.
주요 단계¶
1. Aggregation 선택 후 ImageMarkArea 생성¶
- 원하는 Aggregation을 선택하여 ImageMarkArea 생성
<사진 1> ImageMarkArea UI 설정 화면
2. ImageMarkArea UI Object 확인¶
2.1 ImageMarkArea 생성 시 표시되는 UI Object¶
<사진 2> ImageMarkArea 배치 및 속성(Attributes) 설정 화면
2.2 ImageMarkArea 속성 설명¶
| Name | Description |
|---|---|
| height | ImageMarkArea의 높이 변경 |
| src | ImageMarkArea에 Image 추가 |
| useMap | ImageMarkArea의 Key 값 (해당 값이 없으면 ImageMark 생성 불가) |
| visible | ImageMarkArea 표시/숨김 설정 |
| width | ImageMarkArea의 너비 변경 |
| press (Event) | ImageMarkArea 클릭 시 Event 실행 |
3. 특정 영역에 대한 Click Event 생성¶
- 지정한 Image에서 특정 영역을 클릭할 수 있도록 ImageMark 생성
<사진 3> ImageMarkArea UI 설정 화면
3.1 ImageMark 속성 설명¶
| Name | Description |
|---|---|
| alwaysOn | coords 영역 항상 표시/숨김 |
| coords | 특정 영역 좌표 지정 |
| fill | 영역 가운데 회색 음영 표시/숨김 |
| fillColor | 음영 색상 변경 |
| fillOpacity | 음영 투명도 설정 |
| shadow | 테두리 바깥 그림자 표시/숨김 |
| shadowColor | 그림자 색상 변경 |
| shadowOpacity | 그림자 투명도 설정 |
| shadowRadius | 그림자 반경 설정 |
| shadowX | 그림자의 X축 이동 설정 |
| shadowY | 그림자의 Y축 이동 설정 |
| shape | 도형 유형 설정 |
| stroke | 테두리선 표시/숨김 |
| strokeColor | 테두리선 색상 변경 |
| strokeOpacity | 테두리 투명도 설정 |
| strokeWidth | 테두리선 두께 변경 |
| selectMark (Event) | 영역 선택 시 실행할 Event |