Искал готовые решения, но не нашел стоящих, одни очень громоздкие, другие плохо кастомизируются. Пробовал готовое решение
wheelnav.js. Жутко тормозит даже на топовых игровых компьютерах при выполнении преобразований svg. Решил писать сам. Верстка прекрасно работает в Chrome и Firefox последних версий, но разваливается абсолютно в браузере Apple Safari. Может кто сталкивался с похожей проблемой?
Просьба так же посмотреть на само решение и покритиковать его. Решение напрягает некой "костыльностью" и отчасти подогнанное - это касается коэффициентов, подобранных вручную для максимально 10 элементов меню:
var kr = [0, 0, 0, 3, 15, 20, 23, 25, 26];
var kb = [0, 0, 0, 0, 4, 10, 18, 23, 27];
Если приходилось писать генерацию подобного меню, просьба поделиться алгоритмом (пусть даже псевдокодом), так как мой алгоритм вызывает сомнения (надо подтянуть знания геометрии).
Может лучше сделать меню с использованием canvas? В общем, жду советов и конструктивной критики.
Код тут:
codepen.io/anon/pen/NGXRJd
Всем заранее спасибо.
Простой
