SVG <circle>

Círculo SVG - <circle>

<circle> O elemento é usado para criar círculos：

Este é o código SVG：

Exemplo

<svg height="100" width="100">
  <circle cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="red" />
</svg>

Experimente pessoalmente

Explicação de código：

  • As propriedades cx e cy definem as coordenadas x e y do centro do círculo. Se cx e cy forem omitidos, o centro do círculo é definido como (0,0).
  • A propriedade r define o raio do círculo.