SVG <line>

SVG 선 - <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 속성 정의 x 축의 선의 시작점
  • y1 속성은 y축 상의 선의 시작점을 정의합니다
  • x2 속성은 x축 상의 선의 끝점을 정의합니다
  • y2 속성은 y축 상의 선의 끝점을 정의합니다