--- title: rect slug: Web/SVG/Element/rect tags: - Elemento - Gráficos SVG - Referencia - SVG translation_of: Web/SVG/Element/rect ---
El elemento rect
es una forma básica de SVG, usada para crear rectángulos basada en la posición de una esquina, su alto y ancho.
También podría ser usada para crear rectángulos con esquinas redondeadas.
{{svginfo}}
rect
<?xml version="1.0"?> <svg width="120" height="120" viewBox="0 0 120 120" xmlns="http://www.w3.org/2000/svg"> <rect x="10" y="10" width="100" height="100"/> </svg>
rect
con esquinas redondeados
<?xml version="1.0"?> <svg width="120" height="120" viewBox="0 0 120 120" xmlns="http://www.w3.org/2000/svg"> <rect x="10" y="10" width="100" height="100" rx="15" ry="15"/> </svg>
Este elemento implementa la interfaz SVGRectElement
.