聚合物核心动画停止工作

Question

您好我最近将聚合物更新为0.5.1并且我的核心动画停止了工作。

这是我的核心动画元素：

<core-animation duration="400" fill="forwards" id="show">
  <core-animation-keyframe>
    <core-animation-prop name="opacity" value="0.7"></core-animation-prop>
  </core-animation-keyframe>
</core-animation>

和js代码：

var show = this.$.show;
show.target = this.$.img;
show.play()

问题是这根本不起作用。在chrome控制台中，我得到错误Uncaught #<Object>，这是由效果中的第63行引起的：

61      if (group[0].offset != 0 || group[group.length - 1].offset != 1) {
62        throw {
63          type: DOMException.NOT_SUPPORTED_ERR,
64          name: 'NotSupportedError',
65          message: 'Partial keyframes are not supported'
66        };
67      }

Answer 1

看起来像5.1，你需要至少两个关键帧，一个用于起始值，一个用于结束值。