SVG 직선
<line> 요소는 직선을 만드는 데 사용됩니다.
SVG 코드는 다음과 같습니다.
예
<!DOCTYPE html> <html> <body> <svg xmlns="http://www.w3.org/2000/svg" version="1.1"> <line x1="0" y1="0" x2="200" y2="200" style="stroke:rgb(255,0,0);stroke-width:2" /> </svg> </body> </html>
인스턴스 실행»
온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요.
Opera 사용자의 경우 : SVG 파일 보기 우클릭 메뉴 SVG 그래픽 미리보기 소스 클릭).
x1 속성은 x축 선의 시작을 정의합니다.
y1 속성은 y축 선의 시작을 정의합니다.
x2 속성은 x축의 줄 끝을 정의합니다.
y2 속성은 y축의 줄 끝을 정의합니다.