


The value of ‘rx’ and ry to the value of ‘ry’. Otherwise, both ‘rx’ and ‘ry’ were specified properly.Not for ‘rx’, then set both rx and ry to the value of ‘ry’. Otherwise, if a properly specified value is provided for ‘ry’, but.Not for ‘ry’, then set both rx and ry to the value of ‘rx’. Otherwise, if a properly specified value is provided for ‘rx’, but.If neither ‘rx’ nor ‘ry’ are properly specified, then set both.TheĮffective values for ‘rx’ and ‘ry’ are determined by following The straight segments of the rectangle are never negative. The values are also subject to clamping so that the lengths of The values used for the x- and y-axis rounded corner radii areĭetermined implicitly if the ‘rx’ or ‘ry’ attributes (or both)Īre not specified, or are specified but with invalid values. ry = " " For rounded rectangles, the y-axis radius of the See the notes below about what happens if the attribute is rx = " " For rounded rectangles, the x-axis radius of theĮllipse used to round off the corners of the height = " " The height of the rectangle. width = " " The width of the rectangle.Ī negative value is an error (see Error processing).Ī value of zero disables rendering of the element. Which has the smaller y-axis coordinate value in the y = " " The y-axis coordinate of the side of the rectangle If the attribute is not specified, the effect is as if a Which has the smaller x-axis coordinate value in the presentation attributes - ‘alignment-baseline’, ‘baseline-shift’, ‘clip’, ‘clip-path’, ‘clip-rule’, ‘color’, ‘color-interpolation’, ‘color-interpolation-filters’, ‘color-profile’, ‘color-rendering’, ‘cursor’, ‘direction’, ‘display’, ‘dominant-baseline’, ‘enable-background’, ‘fill’, ‘fill-opacity’, ‘fill-rule’, ‘filter’, ‘flood-color’, ‘flood-opacity’, ‘font-family’, ‘font-size’, ‘font-size-adjust’, ‘font-stretch’, ‘font-style’, ‘font-variant’, ‘font-weight’, ‘glyph-orientation-horizontal’, ‘glyph-orientation-vertical’, ‘image-rendering’, ‘kerning’, ‘letter-spacing’, ‘lighting-color’, ‘marker-end’, ‘marker-mid’, ‘marker-start’, ‘mask’, ‘opacity’, ‘overflow’, ‘pointer-events’, ‘shape-rendering’, ‘stop-color’, ‘stop-opacity’, ‘stroke’, ‘stroke-dasharray’, ‘stroke-dashoffset’, ‘stroke-linecap’, ‘stroke-linejoin’, ‘stroke-miterlimit’, ‘stroke-opacity’, ‘stroke-width’, ‘text-anchor’, ‘text-decoration’, ‘text-rendering’, ‘unicode-bidi’, ‘visibility’, ‘word-spacing’, ‘writing-mode’Īttribute definitions: x = " " The x-axis coordinate of the side of the rectangle.graphical event attributes - ‘onfocusin’, ‘onfocusout’, ‘onactivate’, ‘onclick’, ‘onmousedown’, ‘onmouseup’, ‘onmouseover’, ‘onmousemove’, ‘onmouseout’, ‘onload’.

core attributes - ‘id’, ‘xml:base’, ‘xml:lang’, ‘xml:space’.conditional processing attributes - ‘requiredFeatures’, ‘requiredExtensions’, ‘systemLanguage’.descriptive elements - ‘desc’, ‘metadata’, ‘title’.animation elements - ‘animate’, ‘animateColor’, ‘animateMotion’, ‘animateTransform’, ‘set’.‘rect’ Categories: Basic shape element, graphics element, shape element Content model: Any number of the following elements, in any order: Rounded rectangles can be achieved by settingĪppropriate values for attributes ‘rx’ and ‘ry’.

The ‘rect’ element defines a rectangle which is axis-alignedĬoordinate system. Properties available for ‘path’ elements also apply to the basic Shapes may be stroked, filled and used as clip paths. ‘path’ element that would construct the same shape. Mathematically, these shape elements are equivalent to a polygons, created with the ‘polygon’ element.polylines, created with the ‘polyline’ element, and.straight lines, created with the ‘line’ element,.ellipses, created with the ‘ellipse’ element,.circles, created with the ‘circle’ element,.rectangles (including optional rounded corners), created with the ‘rect’ element,.SVG contains the following set of basic shape elements: 9.7.1 The grammar for points specifications in.SVG 1.1 (Second Edition) – 16 August 2011 Top ⋅ Contents ⋅ Previous ⋅ Next ⋅ Elements ⋅ Attributes ⋅ Properties 9 Basic Shapes Contents
