<circle>

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.

Элемент circle — базовая SVG фигура, используется для создания кругов c помощью координат центра и размера радиуса.

Информация

КатегорииЭлементы базовых фигур, Графические элементы, Элемент фигуры
Разрешённый контентЛюбое количество следующих элементов, в любом порядке:
Элементы анимации
Элементы описания

Пример

xml
<?xml version="1.0"?>
<svg viewBox="0 0 120 120" version="1.1"
  xmlns="http://www.w3.org/2000/svg">
  <circle cx="60" cy="60" r="50"/>
</svg>

» circle.svg

Атрибуты

Унаследованные

Особые

Координата центра окружности по оси x.

Координата центра окружности по оси y.

Радиус окружности.

Интерфейс DOM

Этот элемент реализует интерфейс SVGCircleElement.

Спецификации

Specification
Scalable Vector Graphics (SVG) 2
# CircleElement

Совместимость с браузерами

BCD tables only load in the browser

Смотрите также