SVGRect

The SVGRect 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.

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.

Methods

This interface also inherits properties from its parent, DOMRectReadOnly.

Specifications

Browser compatibility

Desktop Mobile
Chrome Edge Firefox Internet Explorer Opera Safari WebView Android Chrome Android Firefox for Android Opera Android Safari on IOS Samsung Internet
SVGRect
1
12
1.5
9
8
3.1
≤37
18
4
10.1
2
1.0
height
1
12
1.5
9
≤12.1
≤4
≤37
18
4
≤12.1
≤3
1.0
width
1
12
1.5
9
≤12.1
≤4
≤37
18
4
≤12.1
≤3
1.0
x
1
12
1.5
9
≤12.1
≤4
≤37
18
4
≤12.1
≤3
1.0
y
1
12
1.5
9
≤12.1
≤4
≤37
18
4
≤12.1
≤3
1.0

© 2005–2021 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/SVGRect