Latest web development tutorials

SVG의 직선

바로 SVG - <라인>

<라인> 요소는 직선을 생성하는데 사용된다 :

다음은 SVG 코드는 다음과 같습니다

예

<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>

»시도

오페라 사용자 : 보기 SVG 파일 ) 미리보기 소스 SVG 그래픽을 마우스 오른쪽 단추로 클릭합니다.

  • X 축 1 개 속성은 라인의 시작을 정의
  • y 축에서 Y1은 줄을 시작 속성 정의
  • 단 X2 특성은 X 축선에 정의 된
  • Y2 특성 라인의 단부의 Y 축으로 정의