Javascript 使用动画捕捉svg高cpu使用率

我正在使用snapsvg.js为我用Inkscape制作的svg的一些svg对象设置动画。 我希望这些svg对象无限循环无限循环动画

以下代码正在运行循环动画，但CPU使用率非常高，在最新的Chrome，Chrome43中测试为80%

即使我在动画结束回调中删除了对a1的调用，CPU的内存仍然非常高

为什么snap svg仅仅为了一个小动画就消耗了这么多CPU？我只翻译了3个小svg对象

非常感谢你的帮助

埃弗拉尔

function potionize()
{
    var s = Snap("#potionsvg");
    Snap.load("assets/img/potion.svg", function (f)
    {
        var g = f.select("g");
        g.click(click);
        s.append(g);

        var b1 = Snap.select('#b1');
        var b2 = Snap.select('#b2');
        var b3 = Snap.select('#b3');

        var a1 = function()
        { 
            b1.attr({transform: "t0 0"});
            b2.attr({transform: "t0 0"});
            b3.attr({transform: "t0 0"});
            b1.animate({'transform' : 't0 -110'}, 1100, mina.linear);
            b2.animate({'transform' : 't0 -150'}, 1500, mina.linear);
            b3.animate({'transform' : 't0 -200'}, 2100, mina.linear, a1);
        }

        a1();
    })
}

---

有没有可能把它放在一个jsfiddle上，让potion.svg位全部工作？