SVG与动画-4-fill标签

[OndayX]

说明：
fill属性根据它的使用环境，拥有两个意义。
默认地，当动画元素结束时，目标元素的外观属性不再应用该效果。在动画元素结束后，要还保持这个动画的的值，就需要用到fill属性。
对于形状元素和文本，fill属性是外观属性，用来定义给定图形元素内部的颜色。哪一块算是“内部”取决于形状本身以及fill-rule 属性的值。作为一个外观属性，它可以直接用作CSS样式表内部的属性。
值：
remove（默认值）
在动画的激活持续时间结束后，动画效果会移除（不再应用）。在动画的激活结束后，动画不再对目标元素有影响（除非动画重新开始）。
freeze
在动画激活持续时间结束后，文档持续时间的剩余时间里（或者直到动画重新开始）动画效果会“冻结”着。

TIPS
在实际测试中发现，remove的最终效果是让所属的元素回归到初始位置（所谓的cx、cy点），freeze是停止在元素运动周期最终的位置上。

参考来源：
https://developer.mozilla.org/zh-CN/docs/Web/SVG/Attribute/fill