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
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
Specification | Status | Comment |
---|---|---|
Geometry Interfaces Module Level 1 The 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
BCD tables only load in the browser