Atributo de color de inundación SVG

El atributo de color de inundación indica qué color se usa para inundar la subregión primitiva de filtro actual.

Sintaxis:

flood-color="color"

Valores de atributos:

color: El color que queremos inundar.

Usaremos el atributo de color de inundación para establecer el color de inundación.

Ejemplo 1:

<!DOCTYPE html>
<html>
  
<body>
    <svg viewBox="0 0 4000 2000" 
        xmlns="http://www.w3.org/2000/svg">
          
        <filter id="flood1">
            <feFlood flood-color="green" />
        </filter>
  
        <rect x="100" y="100" width="800" 
            height="800" style=
            "filter: url(#flood1);" />
    </svg>
</body>
  
</html>

Producción:

Ejemplo 2:

<!DOCTYPE html>
<html>
  
<body>
    <svg viewBox="0 0 400 100" 
        xmlns="http://www.w3.org/2000/svg">
          
        <circle cx="50" cy="50" r="35" 
            flood-color="black" />
    </svg>
</body>
  
</html>

Producción:

Publicación traducida automáticamente

Artículo escrito por taran910 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta Cancelar la respuesta