Question

我正在尝试使用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>

Snap.svg：无法为对象设置动画

0 个答案: