JavaFX | 셰이프(Shape)을 사용한 벡터 그래픽 | 주요 셰이프 FXML 태그

여기에서는 사각형과 원형 모양을 만들었다. 이것들 외에도 다른 모양도 있다. 여기에서 중요한 것은에 대해 정리해 보도록 하겠다.

사각형 모양 “Rectangle”

예제로 사용했던 사각형 모양이다. 여기에는 다음과 같은 속성이 포함되어 있다.

속성 설명
x 가로 위치를 지정한다.
y 세로 위치를 지정한다.
width 폭을 지정한다.
height 높이 (세로 폭)을 지정한다.

원 모양 “Circle”

이것도 예제로 사용했었다. 둥근 원를 표시하는 셰이프이다. 사각형과는 특성이 약간 다르다.

속성 설명
centerX 중심의 가로 위치를 지정한다.
centerY 중심의 세로 위치를 지정한다.
radius 반경을 지정한다.

타원 모양 “Ellipse”

이것은 타원을 그리는 셰이프이다. 둥근 원형과 달리 수직 및 수평 반경을 각각 별도로 지정할 수 있다.

속성 설명
centerX 중심의 가로 위치를 지정한다.
centerY 중심의 세로 위치를 지정한다.
radiusX 가로 반경을 지정한다.
radiusY 세로 방향의 반경을 지정한다.

원호 모양 “Arc”

원형의 일부만을 자른거 같은 원호를 그리는 것이다. 타원의 특성 이외에 호 크기(각도)에 관한 것이 추가되어 있다.

속성 설명
centerX 중심의 가로 위치를 지정한다.
centerY 중심의 세로 위치를 지정한다.
radiusX 가로 반경을 지정한다.
radiusY 세로 방향의 반경을 지정한다.
startAngle 호의 시작점의 각도 (0 ~ 360의 값)을 지정한다.
length 원호의 크기를 각도로 지정한다.
type 호 유형이다. ROUND (중심에서 자르기), CHORD (원호의 끝을 직선으로 연결), OPEN (원호의 끝을 닫지) 중 하나를 지정한다.

직선 모양 “Line”

2점을 연결하는 직선을 그리는 셰이프이다. 시작 지점과 끝 지점의 속성이 필요하다.

속성 설명
startX 시작 지점의 수평 위치를 지정한다.
startY 시작 지점의 수직 위치를 지정한다.
endX 종료 지점의 수평 위치를 지정한다.
endY 끝점의 세로 위치를 지정한다.

모양 전반에 관한 특성

이 밖에 모든 셰이프에 공통적으로 포함되는 속성도 있다. 기본적으로 채우기나 선 정보가 포함되어 있다. 선은 뾰족한 끝의 셰이프의 상태 등 아주 많은 속성이 있는데 ,우선 아래의 3개만 기억해두도록 하자.

속성 설명
fill 채우기 색을 지정합니다.
stroke 선의 색상을 지정합니다.
strokeWidth 선 두께를 지정합니다.

우선, 이런 것들이 사용할 수 있게 되면, 기본 도형은 그릴 수 있게 된다. 실제로 태그를 써서 연습을 해보길 바란다.