1

我想使用 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，stop-opacity是可动画的。http://www.w3.org/TR/SVG/pservers.html#GradientStops

4

1 回答 1

0

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

如果我将 jQuery 更改为 .css('stop-opacity','1') - 它可以工作。

不过很奇怪。

于 2013-09-03T11:34:37.830 回答