Referencia completa de atributos SVG

SVG significa Gráfico vectorial escalable. Se puede usar para hacer gráficos y animaciones como en el lienzo HTML. Es un tipo de gráfico vectorial que se puede ampliar o reducir. Los atributos son las cosas que le dan forma, color, etc. al SVG. Harán que los SVG sean tan atractivos como necesites.

Lista de atributos SVG:

El siguiente ejemplo le dará una breve idea de cómo usar los atributos SVG:

Ejemplo: En este ejemplo, crearemos dos textos SVG con diferentes efectos de atributos.

HTML

<!DOCTYPE html>
<html>
<body>
   <center>
      <h1 style="color:green;">
         GeeksforGeeks
      </h1>
      <strong>
         SVG Attribute 
      </strong>
      <svg viewBox="0 0 300 50"
           xmlns="http://www.w3.org/2000/svg">
         <text y="20"
               textLength="100%">
            A Computer Science portal.
         </text>
      </svg>
      <svg viewBox="0 0 450 50"
           xmlns="http://www.w3.org/2000/svg">
         <text x="170" y="50"
               text-decoration="line-through">
            GeeksforGeeks
         </text>
      </svg>
   </center>
</body>
</html>

Producción:

Atributo SVG

Publicación traducida automáticamente

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

HTML

Deja una respuesta Cancelar la respuesta