Animation Snap.svg:Can';设置对象动画

Animation Snap.svg:Can';设置对象动画,animation,snap.svg,Animation,Snap.svg,我正在尝试使用snap.svg设置对象的动画,它正在显示但没有缩放。 这是我的密码。 仅当我使用代码生成对象,但不使用加载的svg对象时,它才起作用。 为什么它没有在悬停上设置动画 <html> <head> <title></title> <script type="text/javascript" src="snap.svg.js"></script> <script src="http:/

我正在尝试使用snap.svg设置对象的动画,它正在显示但没有缩放。 这是我的密码。 仅当我使用代码生成对象,但不使用加载的svg对象时,它才起作用。 为什么它没有在悬停上设置动画

<html>
<head>
    <title></title>
    <script type="text/javascript" src="snap.svg.js"></script>
    <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
    <style type="text/css" media="screen">
        #svg {
            width : 600px;
            height : 600px;
        }

    </style>


</head>
<body>
    <svg id="svg"> </svg>

</body>
<script type="text/javascript">

    var paper = Snap("#svg");
    Snap.load("balls.svg" , function(d){
        var icon = d.select('#round_ball');
        var back = d.select('#background');
        paper.append(d);

        back.attr({
            fill : '#000000'
        });

        icon.hover(function(event) {

            this.animate({
                transform : "t110,150",
                filter: f 
            }, 200, mina.easeout);


        }, function(event) {
            this.animate({
                transform : "t0,0"
            }, 200, mina.easeout);
        });

    });

</script>

</html>

#svg{
宽度:600px;
高度:600px;
}
var paper=Snap(“#svg”);
Snap.load(“balls.svg”,函数(d){
var icon=d.select('round#u ball');
var back=d.select(“#背景”);
文件.附加(d);
back.attr({
填写:“#000000”
});
图标悬停(函数(事件){
这是动画({
变换:“T110150”,
过滤器:f
},200,mina.easeout);
},功能(事件){
这是动画({
变换:“t0,0”
},200,mina.easeout);
});
});

svg文档的链接“filter:f”应该在那里吗?(只需提问-snap.svg的新增内容)