javascript - NEON 动画动画结束事件？

Question

我用 polymer 构建了一个小型网络应用程序，并使用 NEON 动画。 我想在特定动画(例如英雄动画和波纹动画)的自动测试中测量 fps。 neon-animation中是否有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 中找到。很棒的视频。