SVG круг

Чтобы нарисовать круг, используется элемент <circle>:

Ваш браузер не поддерживает HTML тег SVG.

SVG код:


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

Объяснение:

  • Атрибуты cx и cy определяют координаты X и Y центра круга. Если атрибуты cx и cy не определяются, то центр круга устанавливается в координаты (0,0)
  • Атрибут r определяет радиус круга