viewBox attribute | viewBox property

Gets a value that indicates how a graphic scales to fit a container element.

Syntax

<element viewBox="p" ... >

p = object.viewBox

Property values

Type: Object

A list of four numbers that specify the minimum x-coordinate, minimum y-coordinate, width, and height values of a rectangle. These values are separated by white space or a comma. The values define a rectangle in user space that is mapped to the bounds of the viewport that the element establishes, considering the element's preserveAspectRatio attribute.

Standards information

• Scalable Vector Graphics: Basic Data Types and Interfaces, Section 4.5.28

Examples

The following code example demonstrates how to set the viewBox attribute on an SVG element.

<svg width="300px" height="200px" version="1.1"
     viewBox="0 0 1200 800" preserveAspectRatio="none"
     xmlns="http://www.w3.org/2000/svg"> 

See also

SVGImageElement

SVGMarkerElement

SVGPatternElement

SVGSVGElement

SVGSymbolElement

SVGViewElement