svg 선그리기

<line>

SVG로 선을 그리기 위해서는 line요소를 사용한다.

 

<svg height="200" width="500">
  <line x1="0" y1="0" x2="500" y2="200" style="stroke:rgb(255,0,0);stroke-width:2" />
</svg>

 

 

 

• x1 : 선의 시작점 x축
• y1 : 선의 시작점의 y축
• x2 : 선의 끝점의 x축
• y2 : 선의 끝점의 y축

 

 

 

 

출처 : https://www.w3schools.com/graphics/svg_line.asp