ELEMENTS

Draft

Element<svg>

새 SVG 요소를 생성하는 새 좌표계와 뷰포트를 정의한 가장 바깥쪽 요소로서 여러 Shape을 하위 요소로 가지고 있다.

애트리뷰트

x animatable

SVG 컨테이너의 x 좌표 값

width animatable

사용자의 좌표계에서 요소의 수평 길이를 정의한다.

기본값

auto
height animatable

사용자 좌표계에서 요소의 수직 길이를 정의한다.

기본값

auto
사용자 좌표계에서 요소의 수직 길이를 정의한다.
viewBox animatable

SVG 내의 개체에 대한 SVG 뷰포트 좌표

기본값

none
preserveAspectRatio animatable

화면의 종횡비가 바뀌어 표시되는 방법을 지정한다.

기본값

xMidYMid meet

기술 문서

SVG 요소의 크기

기본적으로 SVG 요소의 크기는 뷰포트와 일치하는 값으로 적용하여 자신의 크기를 고정 크기로 설정한다.

<svg  width="171.8px" height="259.2px" viewBox="0 0 171.8 259.2" >

width와 height를 명시하지 않는 경우 부모 요소의 크기에 상대적으로 처리된다.

<svg  viewBox="0 0 171.8 259.2" >

외부 리소스

preserveAspectRatio Tester
preserveAspectRatio 값을 테스트하는 도구

지원 웹브라우저