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});

Answer 1

您可以為淡入淡出效果設置opacity的動畫

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

淡出，

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

Answer 2

您也可以在沒有動畫的情況下完成： http ： //jsfiddle.net/3jsFe/1/

你需要拿elem.node

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