Este articulo necesita una revisión editorial. Cómo puedes ayudar.
Esta traducción está incompleta. Por favor, ayuda a traducir este artículo del inglés.
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
| Código fuente | resultado |
|---|---|
<?xml version="1.0"?>
<svg width="120" height="120"
viewBox="0 0 120 120"
xmlns="https://www.w3.org/2000/svg">
<rect x="10" y="10" width="100" height="100"/>
</svg> |
rect con esquinas redondeados
| Código fuente | resultado |
|---|---|
<?xml version="1.0"?>
<svg width="120" height="120"
viewBox="0 0 120 120"
xmlns="https://www.w3.org/2000/svg">
<rect x="10" y="10"
width="100" height="100"
rx="15" ry="15"/>
</svg> |
Atributos
Atributos globales
- Conditional processing attributes »
- Core attributes »
- Graphical event attributes »
- Presentation attributes »
classstyleexternalResourcesRequiredtransform
Atributos específicos
Interfaz DOM
Este elemento implementa la interfaz SVGRectElement.
Compatibilidad de los Navegadores
| Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| Basic support | 1.0 | 1.5 (1.8) | 9.0 | 8.0 | 3.0.4 |
| Feature | Android | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| Basic support | 3.0 | 1.0 (1.8) | No support | (Yes) | 3.0.4 |
The chart is based on these sources.
Ver también
Etiquetas y colaboradores del documento
Etiquetas:
Colaboradores en esta página:
Sebastianz,
jdgarrido
Última actualización por:
Sebastianz,