SVG Line

* 본 글은 W3SCHOOL.COM 의 SVG 편을 해석 공부한 포스팅입니다.

* 필자의 기준이 절대적인 진리는 아닙니다.

SVG Line - <line>

<line> 태그는 선을 만들때 사용한다.

SVG 코드

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

코드 설명

• x1, y1 요소는 각각 선의 x축 , y축의 시작을 정의
• x2, y2 요소는 각각 선의 x축 , y축의 끝을 정의

출처 W3SCHHOL.COM - SVG - Line

http://www.w3schools.com/svg/svg_line.asp