El atributo de relleno se puede utilizar en dos cosas. Para formas y texto, es un atributo de presentación que define el color utilizado para pintar el elemento. Para la animación, define el estado final de la animación.
Sintaxis:
fill= "colour"
Valores de atributos:
- pintura: El color en el que queremos pintar el elemento.
Usaremos el atributo de relleno para establecer el color del elemento.
Ejemplo 1: En este ejemplo, usaremos el atributo de relleno para configurar el color del elemento rect.
<!DOCTYPE html> <html> <body> <svg viewBox="0 0 700 350" xmlns="http://www.w3.org/2000/svg"> <rect height="70" width="60" fill="green" /> </svg> </body> </html>
Producción:
Ejemplo 2: En este ejemplo, usaremos el atributo de relleno para configurar el color del elemento circular.
<html> <body> <svg viewBox="0 0 700 350" xmlns="http://www.w3.org/2000/svg"> <circle cx="50" cy="50" r="40" fill="green" /> </svg> </body> </html>
Producción: