使用raphael.js为多个路径设置动画

Question

我想动态绘制多条路径，但我的问题是在绘制第一条路径时，在创建另一条路径之前将其删除。

这是我的代码：http://jsfiddle.net/symro/ds4kj/2/

和我的动画功能

animateLine:function(canvas, pathString,attr){
            var line = canvas.path(pathString);
            var length = line.getTotalLength();

            console.dir(line);

            $('#canvas_map').animate({
                'to': 1
            }, {
                duration: 2500,
                step: function(pos, fx) {
                    var offset = length * fx.pos;
                    var subpath = line.getSubpath(0, offset);
                    canvas.clear();
                    canvas.path(subpath).attr(attr);
                },
            });
            return canvas;
    }