Atributo de semilla SVG

El atributo semilla denota el número inicial para el generador de números pseudoaleatorios de la primitiva de filtro <feTurbulence> . Solo el elemento < feTurbulence > está usando este atributo.

Sintaxis:

seed = "number"

Valores de atributo: el atributo semilla acepta los valores mencionados anteriormente y descritos a continuación

  • número: Es un número entero o un número con un componente fraccionario. El valor predeterminado es igual a 0.

Los siguientes ejemplos ilustran el uso del atributo semilla .

Ejemplo 1:

HTML

<!DOCTYPE html>
<html>
  
<body>
    <div style="color: green; 
              margin-left: 50px;">
  
        <h1>GeeksforGeeks</h1>
  
        <svg viewBox="0 0 920 200" 
            xmlns="http://www.w3.org/2000/svg">
              
            <filter id="geek1" x="0" y="0" 
                width="100%" height="100%">
                  
                <feTurbulence baseFrequency="0.050" 
                    seed="0" />
            </filter>
  
            <rect x="0" y="0" width="200" 
                height="200" 
                style="filter:url(#geek1);" />
        </svg>
    </div>
</body>
  
</html>

Producción:

Ejemplo 2:

HTML

<!DOCTYPE html>
<html>
  
<body>
    <div style="color: green; 
                margin-left: 50px;">
  
        <h1>GeeksforGeeks</h1>
  
        <svg viewBox="0 0 920 200" 
            xmlns="http://www.w3.org/2000/svg">
  
            <filter id="geek2" x="0" y="0" 
                width="100%" height="100%">
  
                <feTurbulence baseFrequency="0.050"
                    seed="100" />
            </filter>
  
            <rect x="0" y="0" width="200" 
                height="200" 
                style="filter:url(#geek2);" />
        </svg>
    </div>
</body>
  
</html>

Producción:

Publicación traducida automáticamente

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

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *