НАЙКРАЩИЙ САЙТ ДЛЯ ВЕБ-РОЗРОБНИКІВ
Графіка. Уроки W3Schools українською для початківців

En

SVG <circle>


SVG Коло - <circle>

Елемент <circle> використовується для створення кола:

На жаль, ваш браузер не підтримує вбудований 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 визначає радіус кола