Animate SVG 属性 例如填充颜色不用第三方库
Animate SVG property such as fill color without third-party library
如何使 SVG circle 的填充颜色从给定的开始（不透明黑色）到给定的结束（transparent/none）动画一次。这应该由 JavaScript 函数触发，动画是一次持续数百毫秒的动画。我怎样才能用 DOM/CSS 做到这一点而不必在第三方库中绘制，例如 Snap.svg?
所以当我的回调被调用时
- 立即设置
fill: black
- 在 200 毫秒内过渡到
fill: none
使用纯 JS 就可以做到这一点。这个线程有一个函数可以满足你的要求：
Animate without JQuery。
该函数采用元素、要设置动画的属性以及执行动画的速度（以毫秒为单位）。在你的情况下，这样的事情是合适的 animate(circle, fill, 300)。您可能需要稍微改变它以适应 alpha 值的降低，但这就是想法。
试试 <animate> 函数。这是没有外部库的 demo。
您可以从此SO answer
触发动画
如何使 SVG circle 的填充颜色从给定的开始（不透明黑色）到给定的结束（transparent/none）动画一次。这应该由 JavaScript 函数触发，动画是一次持续数百毫秒的动画。我怎样才能用 DOM/CSS 做到这一点而不必在第三方库中绘制，例如 Snap.svg?
所以当我的回调被调用时
- 立即设置
fill: black - 在 200 毫秒内过渡到
fill: none
使用纯 JS 就可以做到这一点。这个线程有一个函数可以满足你的要求： Animate without JQuery。
该函数采用元素、要设置动画的属性以及执行动画的速度（以毫秒为单位）。在你的情况下，这样的事情是合适的 animate(circle, fill, 300)。您可能需要稍微改变它以适应 alpha 值的降低，但这就是想法。
试试 <animate> 函数。这是没有外部库的 demo。
您可以从此SO answer
触发动画