velocity.js // 动画 svg 填充从透明到彩色

Question

显然不行：

在不指定起始颜色的情况下，它会从白色转换为指定的颜色。

如果开始/结束颜色用十六进制指定，同样的事情

如果颜色是用 rgba 值指定的，alpha 为 0 为开始颜色，alpha 为 1 为结束颜色，没有过渡，立即得到结束颜色

如果有人对此有线索或替代方案（重点是将 svg 填充颜色从透明变为彩色，不要关心速度），那就太好了

Answer 1

使用十六进制值和fill-opacity从0到1并行动画fill。