Задать вопрос
Xeroxed
@Xeroxed
Senior javascript developer

Почему в IE и EDGE появляется анимация отдаления векторного объекта при быстрых перемещениях мыши?

Существует две заданных анимации -- вращения объекта на 180 градусов по часовой и обратная, что возвращает положение объекта в исходное состояние. Всё прекрасно работает везде, кроме IE и EDGE; в последних появляется незапрограммированная анимация отдаления. Это случается когда было повторное наведение на объект без ожидания окончания действия предыдущей анимации. Используется библиотека SNAP.SVG. Что делаю не так?
jsfiddle.net/b1Lhjo4k

var svgElement = Snap("#svg");
var pent = svgElement.select('#pentagram-one');
var hoverover = function() {
    pent.stop().animate({transform: 'r180,500,515'}, 400);
};
var hoverout  = function() {
    pent.stop().animate({transform: 'r0,500,515'}, 400);
};
pent.hover(hoverover, hoverout);
  • Вопрос задан
  • 130 просмотров
Подписаться 1 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Фронтенд-разработчик
    10 месяцев
    Далее
  • Skillfactory
    Профессия Веб-разработчик
    12 месяцев
    Далее
  • Нетология
    Fullstack-разработчик на Python + нейросети
    20 месяцев
    Далее
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы