SVG <line>

<line> 태그는 선을 생성하는 데 사용됩니다.

<line> 태그

<line> 태그는 선을 생성하는 데 사용됩니다.

아래 코드를 메모장에 복사하고, 파일을 "line1.svg"로 저장하세요. 이 파일을 웹 디렉토리에 넣으세요:

<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" 
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" version="1.1"
xmlns="http://www.w3.org/2000/svg">
<line x1="0" y1="0" x2="300" y2="300"
style="stroke:rgb(99,99,99);stroke-width:2"/>
</svg>

코드 설명:

  • x1 속성은 x축에서 선의 시작을 정의합니다
  • y1 속성은 y축에서 선의 시작을 정의합니다
  • x2 속성은 x축에서 선의 끝을 정의합니다
  • y2 속성은 y축에서 선의 끝을 정의합니다

예제 보기