ELEMENTS

Draft

Element<svg>

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

속성

x lengthpercentageanimatable

이 요소에서의 사용 참고 사항

SVG 컨테이너의 x 좌표 값

width lengthpercentageanimatable
기본값auto

이 요소에서의 사용 참고 사항

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

height lengthpercentageanimatable
기본값auto

이 요소에서의 사용 참고 사항

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

viewBox list-of-numbersanimatable
기본값none

이 요소에서의 사용 참고 사항

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

preserveAspectRatio stringanimatable
기본값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 값을 테스트하는 도구

지원 웹브라우저