SVGRect

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.

The SVGRect, an alias for DOMRect, represents a rectangle. Rectangles consist of an x and y coordinate pair identifying a minimum x value, a minimum y value, and a width and height, which are constrained to be non-negative.

An SVGRect object can be designated as read only, which means that attempts to modify the object will result in an exception being thrown.

Instance properties

SVGRect.x

The exact effect of this coordinate depends on each element. If the attribute is not specified, the effect is as if a value of 0 were specified.

SVGRect.y

The exact effect of this coordinate depends on each element. If the attribute is not specified, the effect is as if a value of 0 were specified.

SVGRect.width

This represents the width of the rectangle. A value that is negative results to an error. A value of 0 disables rendering of the element

SVGRect.height

This represents the height of the rectangle. A value that is negative results to an error. A value of 0 disables rendering of the element.

Instance methods

None.

Specifications

Specification
Geometry Interfaces Module Level 1
# DOMRect

Browser compatibility

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
SVGRect
height
width
x
y

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support

See also