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