도형 요소
사각형·원·삼각형·화살표·선·자유 도형. 값에 반응시킬 대상이 대부분 이것입니다.
필요: 삽입 › 도형. 선·곡선·연결선·자유선·다각형은 캔버스에서 직접 그립니다(Esc 취소)
종류 6가지 · 채움/선 · 파트 이름을 붙이면 바인딩이 그 부위를 찾는다설명
설정 항목
| 이름 | 값 | 기본 | 설명 |
|---|---|---|---|
| 종류 | 6가지 | — | 사각형 · 원 · 삼각형 · 화살표 · 선 · 자유 도형(path). |
| 채움 | color | 주황 | 단색. transparent 로 두면 투명하지만 클릭 영역으로는 살아 있습니다. |
| 그라디언트 | 두 색 + 각도 | (없음) | 지정하면 단색보다 우선합니다. 단색은 대비책으로 남습니다. |
| 선색 / 굵기 | color / number | 투명 / 0 | 테두리. |
| 선 모양 | 실선 \| 파선 \| 점선 | 실선 | 파선·점선의 간격은 굵기를 따라갑니다. |
| 모서리 | number | 12 | 사각형만. 둥글기. |
| 화살촉 | 없음 \| 화살 \| 점 \| 막대 | 없음 | 선·자유 도형의 양 끝. 크기 배율도 줄 수 있습니다. |
| 파트 이름 | string | (없음) | 이 도형에 이름표를 붙입니다. level·fill 같은 바인딩이 이 이름으로 찾아옵니다. |
동작
선·곡선·연결선은 캔버스에서 직접 그립니다. 도형 메뉴에서 고르면 그리기 상태가 되고, 캔버스를 눌러 점을 찍습니다. Esc 로 취소합니다.
투명 채움도 눌립니다. 히트 영역이 기본값(사각형 전체)이면 transparent 채움도 클릭을 받습니다 — 글자 뒤에 투명 사각형을 깔아 클릭 영역을 넓히는 데 이걸 씁니다. 상태 스타일 의 '배경 하이라이트' 가 그 방식입니다.
선(line)에 fill 을 걸면 선색이 바뀝니다. 선은 채움이 보이지 않으므로 자동으로 바꿔 줍니다 — 배관 도형에 fill 을 걸어도 뜻대로 보입니다.
연결선은 다른 요소를 따라다닙니다. 양 끝을 요소에 붙여 두면 그 요소를 옮길 때 선이 따라옵니다. 붙여 둔 요소를 지우면 연결이 풀리고 끝점이 그 자리에 남습니다.
해 보기
제품 샘플 › 물탱크 미믹탱크를 심볼이 아니라 도형으로 그리고 파트를 붙인 예
제품에 들어 있는 샘플
제품 샘플 › 바인딩 표현 사전도형에 18가지 prop 을 걸어 놓은 화면
제품에 들어 있는 샘플