Страницы

Поиск по вопросам

понедельник, 26 ноября 2018 г.

SVG animation не срабатывает в FF

Коллеги есть такой код. Кнопка для плеера play-pause.
let flag = true, pause = document.getElementById('pause'), play = document.getElementById('play'); document.getElementById('wrapper_svg_1').addEventListener('click', function() { if (flag == true) { pause.beginElement(); flag = false; } else { play.beginElement(); flag = true; } console.log(flag); });
Особо рассказывать, что тут к чему, думаю не стоит.
Единственная проблема в том, что данная анимация на срабатывает в FF. При клике как есть изначальная фигура так и остается.
Пол дня ковыряюсь не могу понять, что к чему и почему так.


Ответ

Коллеги, оказалось все просто. Формат атрибута dur="n" у меня dur=".1s", что FF и не нравиться. Формат атрибута dur="n" должен быть такой dur="0.1s" и все заработает
let flag = true, pause = document.getElementById('pause'), play = document.getElementById('play'); document.getElementById('wrapper_svg_1').addEventListener('click', function() { if (flag == true) { pause.beginElement(); flag = false; } else { play.beginElement(); flag = true; } console.log(flag); });

Комментариев нет:

Отправить комментарий