SVG
Rectángulo
Buscar..
Parámetros
| Atributo | Descripción |
|---|---|
| X | Posición horizontal del rectángulo desde el margen izquierdo. |
| y | Posición vertical del rectángulo desde el margen superior. |
| anchura | Ancho del rectángulo. |
| altura | Altura del rectángulo. |
| rx | Radio horizontal de elipse usado para redondear esquinas de rectángulo |
| ry | Radio vertical de elipse usado para redondear esquinas de rectángulo |
| carrera | Color del borde del rectángulo. |
| anchura del trazo | Ancho del borde del rectángulo. |
| llenar | Color dentro del borde del rectángulo. |
Observaciones
Se puede encontrar información detallada sobre el elemento 'rect' de SVG en la Recomendación W3C para SVG .
Dibuja un rectángulo negro sin relleno.
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<rect x="10" y="10" width="50" height="100" stroke="black" stroke-width="5" fill="none" />
</svg>
Resultado:
Dibuja un rectángulo negro con relleno amarillo y esquinas redondeadas
- Los atributos de
widthyheightdesignan las dimensiones del rectángulo. Estos valores están en píxeles por defecto - El valor de
fillestablece el color para el rectángulo. Si no se especifica ningún valor para elfill, el negro se utiliza de forma predeterminada
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<rect x="10" y="10" width="50" height="100" rx="10" ry="10" stroke="black" stroke-width="5" fill="yellow" />
</svg>
Resultado:
Modified text is an extract of the original Stack Overflow Documentation
Licenciado bajo CC BY-SA 3.0
No afiliado a Stack Overflow