0

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>
4

0 に答える 0