e_s_l
@e_s_l
Full-stack web developer

Ломается верстка пирога (меню) в Safari. Как достичь кроссбраузерности на последних версиях?

Искал готовые решения, но не нашел стоящих, одни очень громоздкие, другие плохо кастомизируются. Пробовал готовое решение 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

Всем заранее спасибо.
  • Вопрос задан
  • 518 просмотров
Решения вопроса 1
IonDen
@IonDen
JavaScript developer. IonDen.com
Для создания таких svg-пирогов и прочего, давно уже придумали D3.js. Просто отличнейшая библиотека для создания подобных вещей.
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
а у меня в сафари так же как и в хроме
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы