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 просмотров
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
SummerWeb Ярославль
от 120 000 до 180 000 ₽
КРАФТТЕК Санкт-Петербург
от 60 000 до 80 000 ₽
Brightdata Тель-Авив
от 5 500 до 6 500 $