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.

  <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;}

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.

This interface also inherits properties from its parent, DOMRectReadOnly.