728x90
300x250
<line>
SVG로 선을 그리기 위해서는 line요소를 사용한다.
<svg height="200" width="500">
<line x1="0" y1="0" x2="500" y2="200" style="stroke:rgb(255,0,0);stroke-width:2" />
</svg>
- x1 : 선의 시작점 x축
- y1 : 선의 시작점의 y축
- x2 : 선의 끝점의 x축
- y2 : 선의 끝점의 y축
728x90
반응형
'Front-end > svg' 카테고리의 다른 글
| svg 캔버스 비교 (0) | 2022.04.10 |
|---|---|
| svg 삼각형 그리기 <polygon> (0) | 2022.02.08 |
| svg 직사각형 <rect> (0) | 2022.02.01 |
| SVG 타원 <ellipse> (0) | 2022.01.30 |
| svg 원 그리기 <circle> (0) | 2022.01.28 |
댓글