使用Raphael制作SVG rect的不透明度时遇到麻烦

Question

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

这是我写的代码：

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

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

有什么想法吗？

Answer 1

我知道这已经过时了，但我自己也遇到了这个问题。该属性是“填充不透明”不填。所以使用

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

Answer 2

$（'＃'+ this.Myrect.node.id）.animate（{opacity：1}，1000）;

试试这种方式

Answer 3

在我看来，您的代码问题源于使用this.myrect.。我假设您已将myRect声明为paper.rect(...)，如果是，为什么需要使用this。

Have a look at this quick JsFiddle I mocked up它基本上表明你应该使用rect.animate()（或者确实是其他一些元素）而不是this。根据我的个人经验this在将事件附加到对象时使用。