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

Question

显然不行:

如果不指定起始颜色，它将从白色转换为指定的颜色。

如果 start/end 颜色用十六进制指定，同样如此

如果使用 rgba 值指定颜色，开始颜色的 alpha 为 0，结束颜色的 alpha 为 1，则没有过渡，它会立即获得结束颜色

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

Answer 1

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