Задать вопрос
@tvsjke
информация засекречена
javascript

Как разместить элементы по дуге?

Есть n элементов, как мне их разместить по дуге ? В говолу кроме position:absolute ничего не приходит.

c8da6f4ecc4f4f3094819c581c292826.jpg

Спасибо=)
  • Вопрос задан
  • 809 просмотров
Комментировать
Подписаться 3 Оценить Комментировать
Решения вопроса 2
petermzg
@petermzg
Самый лучший программист
SVG
Canvas
Ответ написан
3 комментария
3 комментария
sfi0zy
@sfi0zy Куратор тега CSS
Creative frontend developer
Как разместить элементы по дуге?

  1. Оторвать голову дизайнеру
  2. Дальше варианты:
    • Можно с помощью CSS transforms (вот пример с кругом, ваша дуга - кусок очень большого круга). Плюсы - чистый CSS, уважение окружающих. Минусы: чтобы что-то изменить нужно слишком много усилий.
    • Нарисовать на cancas. Плюсы - можно соорудить поддержку старых браузеров. Минусы - 21 век, пора переходить на SVG.
    • Собственно SVG. Для упрощения процесса - Snap.svg. Плюсы - можно сделать хорошо поддерживаемый плагин, где каждый круг с надписью - отдельный компонент, такое будет не стыдно и на GitHub выложить. Минусы - не завидую вашему дизайнеру...


Ответ написан
3 комментария
3 комментария
Пригласить эксперта
Ответы на вопрос 1
pm_wanderer
@pm_wanderer
junior-HTML
Через svg это можно сделать, вроде
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
summer • Ярославль
от 100 000 до 140 000 ₽
Junior JavaScript Developer
КРАФТТЕК • Санкт-Петербург
от 60 000 до 80 000 ₽
JavaScript разработчик
Мэтч
от 80 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Настройка сервера
18 апр. 2024, в 21:56
2000 руб./за проект
Помощь с водпресс
18 апр. 2024, в 21:00
150 руб./за проект
Спарсить ссылки на все товары конкретного продавца в озон
18 апр. 2024, в 20:13
2000 руб./за проект
Ещё заказы