Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
mihaevs
@mihaevs
JavaScript
HTML
CSS
Как сделать полукруглый блок с таким же содержимым?
всем хай!как сделать такой полукруглый блок с цифрами?какие технологии применять?
Вопрос задан
более трёх лет назад
2894 просмотра
3
комментария
Подписаться
2
Оценить
3
комментария
Facebook
Вконтакте
Twitter
Кирилл
@Kublyakov
Какой блок? Вы о чём?
Написано
более трёх лет назад
Urukhayy
@Urukhayy
@Kublyakov
Видимо автор имеет ввиду отображение количества подписавшихся на вопрос.
Написано
более трёх лет назад
Rad1calDreamer
@Rad1calDreamer
недавно совсем эта картинка всплывала где-то тут.
Написано
более трёх лет назад
Решения вопроса
0
Пригласить эксперта
Ответы на вопрос
4
Виталий Киренков
@DeLaVega
Верстаю, фронтэндю =)
SVG.
Ответ написан
более трёх лет назад
2
комментария
Нравится
5
2
комментария
Facebook
Вконтакте
Twitter
sabanovvv
@sabanovvv
а как с помощью SVG блок сделать изогнутым?можете дать ссылку инфу или еще что нибудь)
Написано
более трёх лет назад
Виталий Киренков
@DeLaVega
@sabanovvv
: Я бы попросил дизайнера отрисовать это в Иллюстраторе, а потом бы экспортировал в свг.
Написано
более трёх лет назад
Кирилл Петров
@Recosh
Программист студент
jsfiddle.net/zjpvjj2s
пример sim3x в действии
Ответ написан
более трёх лет назад
Комментировать
Нравится
Комментировать
Facebook
Вконтакте
Twitter
Михаил Москалев
@Mr_Franke
Front-end developer
Помимо svg можно заморочиться с css3 трансформациями
Ответ написан
более трёх лет назад
1
комментарий
Нравится
1
комментарий
Facebook
Вконтакте
Twitter
mihaevs
@mihaevs
Автор вопроса
а как их с помощью svg то округлить?не нашел подходящей инфы
Написано
более трёх лет назад
Александр Таратин
@Taraflex
Ищу работу. Контакты в профиле.
Предлагаю по-суровому.
Берем
www.pixijs.com
и отрисовываем все ручками.
Подобную безумную идею я выдвигаю по причине той, что svg грузит страницу ни чуть не меньше flash с отрисовкой через классический Display list.
Ответ написан
более трёх лет назад
6
комментариев
Нравится
6
комментариев
Facebook
Вконтакте
Twitter
sabanovvv
@sabanovvv
а с помощью svg это вообще как делается то?
Написано
более трёх лет назад
Александр Таратин
@Taraflex
@sabanovvv
нуу лично мне проще через
raphaeljs.com
По сути нужно лишь 3 функции: отрисовка арки и прямоугольника с закругленными краями и текста. Тут документация
raphaeljs.com/reference.html
Написано
более трёх лет назад
sabanovvv
@sabanovvv
то есть каждому месту писать отдельно Js код?
Написано
более трёх лет назад
Александр Таратин
@Taraflex
@sabanovvv
полярная система координат.
Написано
более трёх лет назад
sabanovvv
@sabanovvv
поможете сделать?за вознаграждение конечно
Написано
более трёх лет назад
Александр Таратин
@Taraflex
@sabanovvv
простите, но нет.
Написано
более трёх лет назад
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
CSS
Простой
Как с помощью flex распредилить кнопки как на картинке?
1 подписчик
2 часа назад
32 просмотра
2
ответа
JavaScript
+1 ещё
Простой
Какой мобильный гибридный фреймворк лучше выбрать?
1 подписчик
13 часов назад
194 просмотра
3
ответа
JavaScript
Средний
Какой посоветуете учебник/книгу JavaScript?
1 подписчик
вчера
146 просмотров
4
ответа
JavaScript
+1 ещё
Простой
Как обособить эти два события?
1 подписчик
вчера
110 просмотров
1
ответ
CSS
Средний
Как изменить цвет элемента на сайте WordPress?
1 подписчик
31 мая
73 просмотра
1
ответ
JavaScript
+1 ещё
Средний
Как вычислить размер шрифта для блока div с заданным размером?
2 подписчика
31 мая
162 просмотра
1
ответ
JavaScript
+1 ещё
Простой
Какой аналог метода .includes("текст") для полного соответствия?
1 подписчик
30 мая
621 просмотр
1
ответ
HTML
+2 ещё
Средний
Как перевести HTML-текст, не теряя теги?
2 подписчика
30 мая
988 просмотров
1
ответ
JavaScript
+3 ещё
Средний
Как сделать расширенную область при наведении курсора?
3 подписчика
30 мая
1390 просмотров
1
ответ
CSS
Средний
Как делать такие фигуры в css?
1 подписчик
29 мая
131 просмотр
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Уверенный программист JavaScript
novaArt
от 100 000 до 180 000 ₽
Senior Frontend (JavaScript) разработчик
Vital Partners
от 350 000 до 400 000 ₽
Fullstack JavaScript разработчик
MakeDifference
от 60 000 до 120 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама