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.

Contexto de uso

Categorias	Elemento de forma básica, Elemento gráfico, Elemento forma
Contenido permitido	Cualquier número de los siguientes elementos, en cualquier orden: Elementos de animación Elementos descriptivos

Ejemplo

Uso simple de `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-1.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>

» rect-2.svg

Atributos

Atributos globales

Atributos específicos

Interfaz DOM

Este elemento implementa la interfaz SVGRectElement.

Compatibilidad de los Navegadores

BCD tables only load in the browser

Ver también

<path> (en-US)