缩放加载的SVG并使用快照SVG放大

因此，基本上我需要做的是用SNAP.svg加载SVG并添加一个效果（放大），我知道为了实现这一点，我需要尊重这一点：

• 加载SVG文件
• 在（0？）中缩放SVG
• 附加此SVG
• 添加变换效果（具有适当的比例）

问题是我需要以650宽度和280高度的尺寸显示它。

我正在加载的SVG，我将其命名为“地图”，宽度为1920宽，高度为1080。

到目前为止，这是我的代码：

    <svg id="svg" width="650px" height="280px"></svg>
    <script type="text/javascript">
        var s = Snap("#svg");

        var map = Snap.load("./src/map.svg", function (f) {
                        g = f.select("g");
                        var t = Snap.matrix().scale(0.35);
                        s.append(g);
                        g.group(g.selectAll("path")).transform(t);  
                    });
    </script>

似乎比例指令正在工作，但动画却没有。另外，无论使用多大比例尺，我如何都能使已加载的SVG居中？

谢谢 ！

更新 ：

我设法添加了一些效果，但是我不认为这是正确的方法：

            var carte = Snap.load("./src/carte.svg", function (f) {
                        g = f.select("g");
                        //var t = Snap.matrix().scale(0.35);
                        s.append(g);
                        //Set the map in first position
                        var firstScene = new Snap.Matrix();
                        firstScene.translate(300, 160);
                        firstScene.scale(0.05);

                        //Zoom effect
                        var secondScene = new Snap.Matrix();
                            secondScene.scale(2.0);
                            secondScene.translate(-850, -360);

                        //Move the matrix till desired point (not finish)
                        var threeScene = new Snap.Matrix();
                            threeScene.translate(-850, -360);

                        g.animate({ transform: firstScene }, 0, function() {g.animate ({ transform: secondScene}, 1500, mina.linear )});

                    });

似乎无法添加计时器或两个以上的效果？