javascript - 无法使用 Raphael 为 SVG 矩形的不透明度设置动画

Question

我正在使用 Raphael 库并尝试将矩形的不透明度设置为从 0 到 1 的动画。

这是我写的代码:

    this.myRect.attr( 'opacity', 0);
    this.myRect.animate({opacity: 1}, 1000);

这不起作用，我认为这是动画线不正确，因为我可以将初始属性设置为较低的值，并且在我运行脚本时会很明显。

有什么想法吗？

Answer 1

我知道这是旧的，但我是在自己遇到它之后才弄明白的。该属性是“填充不透明度”而不是填充。所以用

     node.animate({ "fill-opacity": "0.9" }, 200);