Модификация SVG animateTransform в конце цикла повтора - PullRequest
Новая
       13

Модификация SVG animateTransform в конце цикла повтора

0 голосов
/ 28 декабря 2011

Я пытаюсь заставить объект вращаться все быстрее и быстрее, и у меня возникают проблемы с запуском события каждый раз, когда анимация повторяется. repeatEvent в SVG / SMIL, похоже, то, что мне нужно, но в следующем коде onSpinEnd () не вызывается вообще. Что я делаю не так? 

    <path id='coloredPart' d='…'>
        <animateTransform
            id='spin'
            attributeName='transform'
            begin='0s'
            dur='5s'
            type='rotate'
            from='0 0 0'
            to='-360 0 0'
            repeatCount='indefinite'
        />
    </path>

    <script>  <![CDATA[
        var spin = document.getElementById('spin');
        var onSpinEnd = function() {
            var intPart = 0;
            intPart = parseInt(spin.getAttribute('dur')[0].slice(0, -1));
            console.log(intPart);
            if (intPart > 1) --intPart;
            spin.setAttribute('dur', intPart.toString() + 's');
        };
        spin.addEventListener('repeatEvent', onSpinEnd, false)
        ]]>   
    </script>

Как оказалось, [0].slice(0, -1)) не даст мне "16" из "16s"; .slice(0, -1)) будет. Эта строка должна гласить: 

intPart = parseInt(spin.getAttribute('dur').slice(0, -1));

1 Ответ

0 голосов
/ 28 декабря 2011

Я не уверен, для чего этот ломтик.Кажется, это работает в Firefox. 

var onSpinEnd = function() {
    var spin = document.getElementById('spin');
    var intPart = 0;
    intPart = parseInt(spin.getAttribute('dur')[0]);
    console.log(intPart);
    if (intPart > 1) --intPart;
    spin.setAttribute('dur', intPart.toString() + 's');
};

Кроме того, насколько мне известно, только Opera и Firefox в настоящее время запускают события SMIL.

...