Элемент круга SVG

Опубликовано: 27 Августа, 2022

Элемент SVG <circle> используется для рисования круга. Заданы центр и радиус.

Синтаксис:

<circle
   cx="x-axis co-ordinate"
   cy="y-axis co-ordinate"
   r="length" >   
</circle>

Атрибуты:

  • cx: координата центра по оси X.
  • cy: координата центра по оси Y
  • r: радиус окружности.

Пример:

Выход:

Пример: изменение прозрачности

Выход: