如何添加和删除拉斐尔元素的发光？

我正在尝试为拉斐尔元素设置悬停，以便当鼠标位于元素上时，它会发光，当鼠标离开时，发光会被移除。我已经弄清楚如何添加发光，但我在删除它时遇到了麻烦。我的脚本如下所示：

$(document).ready(function() {
    var paper = Raphael(0,0,360,360);
    var myCircle = paper.circle(180,180,30).attr('stroke','#FFF');
    myCircle.hover(function() {
        myCircle.glow().attr('stroke','#FFF');
    }, function() {
        // removing the glow from the circle??
    });
});

因此，有效的部分是当我将鼠标悬停在圆圈上时，为圆圈添加发光效果。但是，我不知道当鼠标移离圆形元素时如何消除发光。你知道如何去除元素的辉光吗？

注意：主体元素的背景设置为黑色（#000）。

使用的库：

• JQuery
• 拉斐尔.js

解决方案可能比您想象的更简单。

http://jsfiddle.net/vszkW/2/ http://jsfiddle.net/vszkW/2/（马特小提琴的叉子）

您只需要储备“发光”元素即可。和拉斐尔一样，元素有一个 .remove()：

myCircle.hover(
    // When the mouse comes over the object //
    // Stock the created "glow" object in myCircle.g
    function() {
        this.g = this.glow({color: "#FFF", width: 100});
    },
    // When the mouse goes away //
    // this.g was already created. Destroy it!
    function() {
        this.g.remove();
    });