Задать вопрос
iiiBird
@iiiBird
Пока ты спишь - твой конкурент совершенствуется
javascript

Как сверстать такие выноски?

yfdQmG1TEOrQpiCAN6Xhg.jpg

Собственно вопрос как соеденить такой кривой 2 точки? чтобы как бы не двигались и сами точки, и тект - кривые тоже подстраивались. может есть готовые скрипты для рисования такого в канвас?
  • Вопрос задан
  • 1163 просмотра
Комментировать
Подписаться 1 Оценить Комментировать
Пригласить эксперта
Ответы на вопрос 3
@moneymakerXA
Не знаю правильно ли это, но я делал подобную вещь в фотошопе, а потом просто вставлял картинку. Но не по отдельности 5 фрагментов, а один рисунок, суть та же, мороки меньше, с нюансами пока не сталкивался
Ответ написан
1 комментарий
1 комментарий
olegshilov
@olegshilov
кривая лежит в абсолютно спозиционированном блоке с фиксированными размерами и прозрачным фоном и overflow: hidden;
внутри лежит так же абсолютно спозиционированный див, который собственно и есть кривая, с нужным border-radus и border: 1px solid black;
Ответ написан
4 комментария
4 комментария
alsopub
@alsopub
Можно попробовать при помощи SVG - blogs.sitepointstatic.com/examples/tech/svg-curves...
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
JavaScript Fullstack
OnClass
от 200 000 до 600 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Исправление ошибок в работе вебсайта / Доработка интернет-магазина
24 апр. 2024, в 02:51
50000 руб./за проект
Анимация логотипа
24 апр. 2024, в 00:08
20000 руб./за проект
Разработка дизайна раздела «Статьи» на сайте «Мир отходов»
23 апр. 2024, в 23:01
10000 руб./за проект
Ещё заказы