Rectangle

Parameters#

Attribute	Description
x	Horizontal position of rectangle from left margin.
y	Vertical position of rectangle from top margin.
width	Width of rectangle.
height	Height of rectangle.
rx	Horizontal radius of ellipse used to round corners of rectangle
ry	Vertical radius of ellipse used to round corners of rectangle
stroke	Colour of rectangle border.
stroke-width	Width of rectangle border.
fill	Colour inside rectangle border.
## Remarks#
Detailed information on the SVG ‘rect’ element can be found in the W3C Recommendation for SVG.

Draw a black rectangle without fill

<svg xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink">
    <rect x="10" y="10" width="50" height="100" stroke="black" stroke-width="5" fill="none" />
</svg>

Result:

Draw a black rectangle with yellow fill and rounded corners

The width and height attributes designate the dimensions of the rectangle. These values are in pixels by default
The fill value sets the color for the rectangle. If no value for fill is specified, black is used by default

Result: