Неоновый анимационный конец анимационного события?

Question

Я создал небольшие веб-приложения с полимером, и я использую неоновые анимации. Я хочу измерить fps в автоматических тестах определенных анимаций (например, героя-анимации и ряби-анимации). Есть ли событие animationEnd в неон-анимации или как определить конец анимации?

Answer 1

В neon-animation-runner-behavior, когда анимация завершена, происходит событие neon-animation-finish. Вы можете добавить слушателя для этого в свой элемент, который вызывается функцией при запуске события. Например:

<script> 
    Polymer({ 
    is: "my-animated-element", 
    behaviors: [ 
     Polymer.NeonAnimationRunnerBehavior 
    ], 
    properties: { 
     animationConfig: { 
     value: function() { 
      // config here 
     } 
     } 
    }, 
    listeners: { 
     'neon-animation-finish': '_onNeonAnimationFinish' 
    }, 
    _onNeonAnimationFinish: function() { 
     alert("animation finished!"); 
    } 
    }); 
</script> 

Более подробную информацию о том, как использовать neon-animation элементы могут быть найдены в this удивительном видео.