viewbox

The viewBox attribute allows you to specify that a given set of graphics stretch to fit a particular container element.

The value of the viewBox attribute is a list of four numbers min-x, min-y, width and height, separated by whitespace and/or a comma, which specify a rectangle in user space which should be mapped to the bounds of the viewport established by the given element, taking into account attribute preserveAspectRatio.

Negative values for width or height are not permitted and a value of zero disables rendering of the element.

Usage context

Example

Elements

The following elements can use the viewBox attribute

• <svg>
• <symbol>
• <marker>
• <pattern>
• <view>

See also

• SVG Getting Started: Positions