Latest web development tutorials

Ronda SVG

SVG ronda - <círculo>

<Círculo> etiqueta se utiliza para crear un círculo:

Aquí está el código SVG:

Ejemplos

<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
<circle cx="100" cy="50" r="40" stroke="black"
stroke-width="2" fill="red"/>
</svg>

Trate »

Para los usuarios de Opera: vista de archivos SVG (haz clic derecho en los gráficos SVG fuente de vista previa).

análisis de código:

  • cx y cy atributos definen las coordenadas X e Y de los puntos. Si se omite el centro y cx cy, el círculo está ajustado en (0, 0)
  • R atributo define el radio del círculo