폴리라인
SVG 폴리라인 – <polyline>
<polyline> 요소는 여러 점에서 연결된 직선만으로 구성된 어떤 모양을 만드는 데 사용된다.
<polyline> 요소에는 폴리라인의 점을 정의하는 하나의 기본 속성이 있다.
| 속성명 | 설명 |
|---|---|
| points | 필수. 폴리라인의 점 목록. 각 점은 x 좌표와 y 좌표를 포함해야 한다. |
폴리라인
<svg height="210" width="500" xmlns="http://www.w3.org/2000/svg">
<polyline points="0,0 50,150 100,75 150,50 200,140 250,140" style="fill:none;stroke:green;stroke-width:3" />
</svg>- <points> 속성은 폴리라인을 그리는 데 필요한 점 목록(각각의 x 및 y 좌표 쌍)을 정의한다.
또 다른 폴리라인
<svg height="180" width="500" xmlns="http://www.w3.org/2000/svg">
<polyline points="0,40 40,40 40,80 80,80 80,120 120,120 120,160" style="fill:yellow;stroke:red;stroke-width:4" />
</svg>참고
W3C School - SVG <polyline>
