У меня есть теги (например, изображение), и я должен поместить их в круг. Идея состоит в том, что теги должны переупорядочиваться внутри круга, в зависимости от того, сколько тегов находится внутри круга.
Например, как мы видим на изображении, если у нас есть 5 элементов, они должны располагаться так (с разделительными линиями). Если я уроню еще одну, теперь мы должны распределить их по 6 частям равномерно.
Важно, чтобы у каждого тега была своя собственная область, так как мне нужно будет покрасить эту область в другой цвет, если она будет нажата.
Мне нужно сделать это с помощью jQuery и jQuery UI Draggable.
Каков наилучший подход для этого? Я пытался, но у меня всегда было много проблем с позицией.
Большое спасибо.
![enter image description here](https://i.stack.imgur.com/LEJlu.png)