Animation 带有计时功能的SVG动画在Firefox中不起作用
在Chrome/Safari上工作Animation 带有计时功能的SVG动画在Firefox中不起作用,animation,svg,Animation,Svg,在Chrome/Safari上工作 <svg height="50" viewBox="0 0 16 10"> <rect class="background" width="16" height="10"></rect> <rect class="vertical" width="2" x="5"> <animate calcMode="spline" keyTimes="0;0.22;0.33;0.55;0.66;0.88
<svg height="50" viewBox="0 0 16 10">
<rect class="background" width="16" height="10"></rect>
<rect class="vertical" width="2" x="5">
<animate calcMode="spline" keyTimes="0;0.22;0.33;0.55;0.66;0.88;1" keySplines="0.1 0.8 0.2 1; 0.1 0.8 0.2 1; 0.1 0.8 0.2 1; 0.1 0.8 0.2 1; 0.1 0.8 0.2 1; 0.1 0.8 0.2 1" attributeName="height" from="0" to="10" dur="0.5s" begin="1.3s" fill="freeze"></animate>
</rect>
<rect class="horizontal" height="2" y="4">
<animate calcMode="spline" keyTimes="0;0.22;0.33;0.55;0.66;0.88;1" keySplines="0.1 0.8 0.2 1; 0.1 0.8 0.2 1; 0.1 0.8 0.2 1; 0.1 0.8 0.2 1; 0.1 0.8 0.2 1; 0.1 0.8 0.2 1" attributeName="width" from="0" to="16" dur="0.5s" begin="0.8s" fill="freeze"></animate>
</rect>
</svg>
如果我删除calcMode、keyTimes和keypline属性,它也会在Firefox中开始工作。在SVG1.1中,我不知道SVG2 沿属性必须具有“值”属性 说: 控制点的数量必须比现有数量少一套 “关键时刻” FF在这里是正确的,其他人应该引起一个错误,而不是动画
Firefox不设置动画是正确的,您应该在webkit和Chrome BugTracker上引发此错误。