viewBox

Β« SVG Attribute reference home

viewBox μ†μ„±μ€ νŠΉμˆ˜ν•œ container element 에 fit ν•˜κΈ° μœ„ν•œ μ£Όμ–΄μ§„ graphics stretch 의 set 을 λͺ…μ‹œν•œλ‹€.

viewBox μ†μ„±μ˜ 값은 whitespace and/or a comma 둜 λ‚˜λ‰˜μ–΄μ§„ min-x, min-y, width, height 4가지 number list 이닀. μ΄λŠ” μ£Όμ–΄μ§„ element 에 μ˜ν•΄ μ„€μ •λœ viewport 의 bounds 에 λ§΅ν•‘λ˜μ–΄μ•Ό ν•˜λŠ” user space λ‚΄μ˜ rectangle 을 λͺ…μ‹œν•˜λ©°, preserveAspectRatio 속성과 관계가 μžˆλ‹€.

음수둜 이루어진 width λ˜λŠ” height λŠ” ν—ˆμš©λ˜μ§€ μ•ŠμœΌλ©° zero 값은 element rendering 이 λΆˆκ°€ν•˜λ‹€.

Usage context

Categories None
Value See above
Animatable Yes
Normative document SVG 1.1 (2nd Edition)

Example

Elements

μ•„λž˜ element 듀은 viewBox μ†μ„±μ„ μ‚¬μš©ν•  수 μžˆλ‹€.

See also