代码之家 › 专栏 › 技术社区 › Jack Roscoe

无法使用Raphael设置SVG rect不透明度的动画

raphael svg javascript

4

Jack Roscoe · 技术社区 · 16 年前

这是我写的代码:

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

这不起作用,我相信是动画行不正确,因为我可以将初始属性设置为一个较低的值,并且在运行脚本时会注意到这一点。

有什么想法吗?

3 回复 | 直到 16 年前

1

4

Ortal 14 年前

我知道这是旧的,但我自己撞上后才发现。属性是“填充不透明度”而不是“填充”。所以使用

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

2

1

Max Abrahamsson 15 年前

$('#'+this.Myrect.node.id).animate({opacity:1},1000);

这边试试

3

0

Adam Holmes 15 年前

在我看来,您的代码的问题源于使用 this.myrect. paper.rect(...) ,如果是,为什么需要使用 this .

Have a look at this quick JsFiddle I mocked up rect.animate() (或者确实是其他元素)但不是 这 . 从我个人的经验来看将事件附加到对象时使用。