Javascript拉斐尔奇怪的闪烁在我第三次滑鼠时发生

这是小提琴：

当我将鼠标悬停在圆圈上时，文本显示得很好，但是如果我移除鼠标，第三次鼠标悬停时，与文本尺寸相匹配的框的高度和宽度开始不断增长，出现了这种奇怪的频闪效应

var rsr = Raphael("holder", '1160', '1400');

xpos = 200;
ypos = 200;
rad = 50;

var rectext, el, txt;

cir = rsr.circle(xpos, ypos, rad);
cir.attr({
    fill: '#444',
        'fill-opacity': 1,
    stroke: 'none'
});

cir.hover(function () {
    this.animate({
        r: rad * 1.2
    }, 200);
    recttext = rsr.set();
    el = rsr.rect(0, 0, 0, 0, 3);
    el.attr({
        fill: '#fff'
    });
    txt = rsr.text(4, 10, "Title text").attr({
        "text-anchor": "start",
        fill: '#000000',
        "font-size": 12
    });
    recttext.push(el);
    recttext.push(txt);
    var att = {
        width: recttext.getBBox().width,
        height: recttext.getBBox().height
    };
    el.attr(att);
    recttext.translate(xpos - recttext.getBBox().width / 2, ypos - rad - 20);
}, function () {
    this.animate({
        r: rad
    }, 100);
    recttext.remove();
    el.remove();
    txt.remove();
        });

---

Anto Jurković使用Raphael 2.1.2而不是Fiddle内置的2.1.0解决了这个问题。

使用最新版本2.1.2试试。我不会因为那个版本而犹豫，就是这样。谢谢你，我以为我疯了。