svg 삼각형 그리기 <polygon>

<polygon>

polygon의 "poly"는 많다는 것을 뜻하고 "gon"은 각도를 의미

즉 다각형 최소한 세 면을 포함하는 도형을 만들 때 사용한다.

 

이 polygon을 이용하면 삼각형을 만들 수 있다.

<svg height="300" width="500">
  <polygon points="200,10 250,200 160,200" style="fill:#ACC7B4;stroke:#331B3F;stroke-width:1" />
</svg>

 

• points 속성을 이용해서 각 꼭지점의 x,y축의 좌표를 지정해 준다.