Генератор окружностей



Для получения нужного диаметра окружности и расположения центра окружности, измените координаты цветных точек управления,- для этого наведите курсор на одну из точек и удержива¤ левую клавишу мышки переместите соответствующую точку.
Скопируйте код SVG.


Автор: Peter Collingridge

Пример стилизации трех окружностей

При каждом изменении параметров копируем формулу svg окружности в отдельный файл и добавляем заполнение цветом кругов.

Более подробно о параметрах окружностей здесь.

Пример анимации кругов

Анимация последовательного перемещения кругов из левого положения вправо и обратно.
Команды перемещения первой окружности вправо и назад:

где values=”50;350″ горизонтальные координаты начального и конечного положения центра окружности.

Ниже полный код анимации перемещения окружностей

Начало анимации по клику мышки на жёлтом круге.

⇚ Генератор прямоугольников
Следующая ⇛  Генератор эллипсов

Добавить комментарий