Web4U - SVG

5 etiquetas SVG útiles

Define el área de dibujo donde se colocan los elementos gráficos SVG.

<svg width="300" height="200">
  <!-- El contenido va aquí -->
</svg>

Dibuja un círculo definido por su centro (cx, cy) y su radio (r).

<circle cx="50" cy="50" r="40" stroke="black" fill="red" />

Dibuja un rectángulo usando posición (x, y), ancho y alto.

<rect x="10" y="10" width="100" height="50" fill="blue" />

Dibuja una línea entre dos puntos definidos por (x1, y1) y (x2, y2).

<line x1="0" y1="0" x2="200" y2="200" stroke="green" stroke-width="2" />

Muestra texto dentro del área SVG, posicionándolo con los atributos x e y.

<text x="10" y="50" fill="black">Hola SVG</text>