Raphael.js - 我能在淡入淡出效果中使用.show/.hide吗？

Question

有没有一种方法可以使用Raphael.js使元素淡入或淡出？我的代码大致如下：

var elem = paper.circle(10, 10, 10)
elem.hide();

有没有像这样的属性可以使 .hide() 方法带有淡出效果：

var elem = paper.circle(10, 10, 10)
elem.hide({'duration':5000});

- Demeter

Answer 1

您可以通过对 opacity 进行动画处理实现淡出效果。

var elem = paper.circle(10, 10, 10);
elem.animate({ opacity : 0 }, 1000, function () { this.hide() });

淡入效果：

elem.show().animate({ opacity: 1 }, 1000);

- Jashwant

Answer 2

您也可以不使用动画：http://jsfiddle.net/3jsFe/1/

您需要获取elem.node

$(elem.node).fadeOut(2000, function() {
    $(elem.node).fadeIn(2000);
});

- Ron van der Heijden

---

那么，elem.node选择了XML节点，然后你可以在其上使用jQuery？+1 - Jashwant

是的，您可以使用jQuery来实现淡入淡出、动画以及其他所有jQuery所能做的事情。使用elem.node，您可以获取节点元素并对其进行操作。您也可以像Jashwant所回答的那样使用elem.animate，但我更喜欢jQuery，因为我已经习惯了它。 :) - Ron van der Heijden