Добрый вечер, господа. Имеется потребность рисовать на страничке дуги (arc), они

Question

Добрый вечер, господа. Имеется потребность рисовать на страничке дуги (arc), они

же сегменты колец.
Сегментов много, в разных местах (нужно отрисовывать сегменты концентрических колец), визуально друг друга не должны перекрывать.
Сегменты могут быть произвольного размера (длины дуги) и начинаться с любого угла (например, может быть целиком правая половина колечка, 180° в развороте и начинается с верха, а может быть сегмент размером в 30° и начинаться где-нибудь на 140° от верха).
Также, что важно, концы незамкутых сегментов (которые меньше 360°) должны быть сами по себе закруглены (относительно толстая линия, скажем, пикселей 20 шириной, и вот оба её конца закруглены). А ещё сама линия внутри имеет тень по типу Soft-UI, с одной стороны, по всей длине.
Потыкался в стаковерфло, все решения на pure CSS бедноваты и последних двух пунктов в них реализовать никак. Гуру и ниндзя, подскажите, реально ли все эти хотелки исхитриться сделать без влезания в свг/канвас и если да, то в какую сторону рыть?

#css #frontend #html #programming #russian

0

11.01.2021