Rect
SVG를 이용하여 사각형을 그릴 수 있습니다.
| 속성 이름 | 값 형태 | 개요 |
|---|---|---|
| x | <coordinate> |
좌표 |
| y | 좌표 | |
| width | <length> |
폭 |
| heignt | 높이 | |
| rx | 가로 코너 반경 | |
| ry | 수직 코너 반경 | |
SVG는 만든 순서대로 쌓입니다. 따라서 가장 먼저 SVG를 생성하였다면 가장 아래쪽에 위치하고 가장 마지막에 작성한다면 가장 윗쪽에 위치합니다. 위 도형을 보면 pink, green, blue순 으로 코드를 작성하였고 blue가 가장 위에 위치하여 있습니다. |