svg radialGradient stop-opacity不可动画？

Question

我想使用jQuery为svg元素中的渐变的停止不透明度设置动画，但它不起作用。但是，动画停止颜色可以使用相同的代码。

HTML：

<svg>
  <defs>
    <radialGradient id="grad1" cx="50%" cy="50%" r="50%" fx="50%" fy="50%">
      <stop offset="0%" style="stop-color:white;stop-opacity:1" />
      <stop offset="100%" style="stop-color:white;stop-opacity:0" />
    </radialGradient>
  </defs>
</svg>

jQuery的：

$('#someelement').on('click', function(){
  $('stop:eq(1)').css('stop-opacity',1);
});

我在这里做错了什么？或者停止不透明是不可动画的？

更新我

根据W3，停止不透明度是可动画的。 http://www.w3.org/TR/SVG/pservers.html#GradientStops

Answer 1

显然，stop-opacity的值是一个字符串，而不是整数。

如果我将jQuery更改为.css（'stop-opacity'，'1'） - 它可以正常工作。

但是，很奇怪。