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.
<div id="interfaceDiagram" style="display: inline-block; position: relative; width: 100%; padding-bottom: 23.333333333333332%; vertical-align: middle; overflow: hidden;"><svg style="display: inline-block; position: absolute; top: 0; left: 0;" viewbox="-50 0 600 140" preserveAspectRatio="xMinYMin meet"><a xlink:href="https://developer.mozilla.org/en-US/docs/Web/API/SVGRect" target="_top"><rect x="1" y="1" width="75" height="50" fill="#F4F7F8" stroke="#D4DDE4" stroke-width="2px" /><text x="38.5" y="30" font-size="12px" font-family="Consolas,Monaco,Andale Mono,monospace" fill="#4D4E53" text-anchor="middle" alignment-baseline="middle">SVGRect</text></a></svg></div>
a:hover text { fill: #0095DD; pointer-events: all;}
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 zero 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 zero disables rendering of the element.
Methods
This interface also inherits properties from its parent, DOMRectReadOnly
.
Specifications
Specification | Status | Comment |
Geometry Interfaces Module Level 1The definition of 'DOMRect' in that specification. | Candidate Recommendation | Changed SVGRect as a legacy alias of DOMRect. |
Scalable Vector Graphics (SVG) 1.1 (Second Edition)The definition of 'SVGRect' in that specification. | Recommendation | Initial definition |
Browser compatibility
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Update compatibility data on GitHub
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
SVGRect
|
Chrome
Full support 1 |
Edge
Full support 12 |
Firefox
Full support 1.5 |
IE
Full support 9 |
Opera
Full support 8 |
Safari
Full support 3.1 |
WebView Android
Full support 1 |
Chrome Android
Full support 18 |
Firefox Android
Full support 4 |
Opera Android
Full support 10.1 |
Safari iOS
Full support 3.1 |
Samsung Internet Android
Full support 1.0 |
height
|
Chrome
Full support 1 |
Edge
Full support 12 |
Firefox
? |
IE
? |
Opera
? |
Safari
? |
WebView Android
Full support 1 |
Chrome Android
Full support 18 |
Firefox Android
? |
Opera Android
? |
Safari iOS
? |
Samsung Internet Android
Full support 1.0 |
width
|
Chrome
Full support 1 |
Edge
Full support 12 |
Firefox
? |
IE
? |
Opera
? |
Safari
? |
WebView Android
Full support 1 |
Chrome Android
Full support 18 |
Firefox Android
? |
Opera Android
? |
Safari iOS
? |
Samsung Internet Android
Full support 1.0 |
x
|
Chrome
Full support 1 |
Edge
Full support 12 |
Firefox
? |
IE
? |
Opera
? |
Safari
? |
WebView Android
Full support 1 |
Chrome Android
Full support 18 |
Firefox Android
? |
Opera Android
? |
Safari iOS
? |
Samsung Internet Android
Full support 1.0 |
y
|
Chrome
Full support 1 |
Edge
Full support 12 |
Firefox
? |
IE
? |
Opera
? |
Safari
? |
WebView Android
Full support 1 |
Chrome Android
Full support 18 |
Firefox Android
? |
Opera Android
? |
Safari iOS
? |
Samsung Internet Android
Full support 1.0 |
Legend
- Full support
- Full support
- Compatibility unknown
- Compatibility unknown
SVGRect by Mozilla Contributors is licensed under CC-BY-SA 2.5.