diff --git a/files/ko/web/svg/element/line/index.md b/files/ko/web/svg/element/line/index.md new file mode 100644 index 00000000000000..3b2b59083ec907 --- /dev/null +++ b/files/ko/web/svg/element/line/index.md @@ -0,0 +1,65 @@ +--- +title: +slug: Web/SVG/Element/line +l10n: + sourceCommit: da99ca19ae62059f81dbee3f7b4919de784f3510 +--- + +{{SVGRef}} + +**``** [SVG](/ko/docs/Web/SVG) 요소는 두 개의 점을 연결하는 선을 생성하는 기본적인 SVG 모양입니다. + +## 예제 + +```css hidden +html, +body, +svg { + height: 100%; +} +``` + +```html + + + + + +``` + +{{EmbedLiveSample('Example', 100, 100)}} + +## 특성 + +- {{SVGAttr('x1')}} + - : 선의 시작 지점의 x축 좌표를 설정합니다. + _값의 타입_: [**\**](/ko/docs/Web/SVG/Content_type#length)|[**\**](/ko/docs/Web/SVG/Content_type#percentage)|[**\**](/ko/docs/Web/SVG/Content_type#number) ; _기본 값_: `0`; _애니메이션 설정 여부_: **yes** +- {{SVGAttr('x2')}} + - : 선의 마지막 지점의 x축 좌표를 설정합니다. + _값의 타입_: [**\**](/ko/docs/Web/SVG/Content_type#length)|[**\**](/ko/docs/Web/SVG/Content_type#percentage)|[**\**](/ko/docs/Web/SVG/Content_type#number) ; _기본 값_: `0`; _애니메이션 설정 여부_: **yes** +- {{SVGAttr('y1')}} + - : 선의 시작 지점의 y축 좌표를 설정합니다. + _값의 타입_: [**\**](/ko/docs/Web/SVG/Content_type#length)|[**\**](/ko/docs/Web/SVG/Content_type#percentage)|[**\**](/ko/docs/Web/SVG/Content_type#number) ; _기본 값_: `0`; _애니메이션 설정 여부_: **yes** +- {{SVGAttr('y2')}} + - : 선의 마지막 지점의 y축 좌표를 설정합니다. + _값의 타입_: [**\**](/ko/docs/Web/SVG/Content_type#length)|[**\**](/ko/docs/Web/SVG/Content_type#percentage)|[**\**](/ko/docs/Web/SVG/Content_type#number) ; _기본 값_: `0`; _애니메이션 설정 여부_: **yes** +- {{SVGAttr("pathLength")}} + - : 사용자 단위의 전체 선 길이를 설정합니다. + _값의 타입_: [**\**](/ko/docs/Web/SVG/Content_type#number) ; _기본 값_: _none_; _애니메이션 설정 여부_: **yes** + +## 사용 일람 + +{{svginfo}} + +## 명세서 + +{{Specifications}} + +## 브라우저 호환성 + +{{Compat}} + +## 같이 보기 + +- 다른 기본 SVG 모양: {{ SVGElement('circle') }}, {{ SVGElement('ellipse') }}, {{ SVGElement('polygon') }}, **{{ SVGElement('polyline') }}**, {{ SVGElement('rect') }}