Задать вопрос
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);
  • Вопрос задан
  • 128 просмотров
Подписаться 1 Оценить Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

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