본문 바로가기
HTML5/SVG

SVG Line

by Jundol 2015. 6. 8.

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

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



SVG Line - <line>

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

Sorry, your browser does not support inline SVG.

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


'HTML5 > SVG' 카테고리의 다른 글

SVG Polyline  (4) 2015.06.08
SVG Polygon  (4) 2015.06.08
SVG Ellipse  (6) 2015.06.08
SVG Circle  (182) 2015.06.08
SVG rect  (66) 2015.06.08

댓글