testload.html

<html>
    <head>
        <title>Free transform tool for Snap.svg elements</title>
        <style type="text/css">
            #main-container {
                position: fixed;
                background-color: #ddd;
                top: 0px;
                left: 0px;
                width: 100%;
                height: 100%;
            }
        </style>
    </head>
    <body>
        <svg id="main-container"></svg>

        <script src="snap.svg-min.js"></script>
        <script src="snap.svg.free_transform.js"></script>

        <script type="text/javascript">
var s = Snap('#main-container');


Snap.load( "test.svg", function( frag ) {
        var g = s.g();
        g.append(frag);
	var allG = s.selectAll('.myG');
        allG.forEach( function( el ) {
          var ft = s.freeTransform( el, { snap: { rotate: 1 }, size: 8, draw: 'bbox'  });
	     el.dblclick( function() {

                if( el.data('ftStatus' ) ) {
                    ft.hideHandles();
                    el.data('ftStatus',0);
                } else {
                    ft.showHandles();
                    el.data('ftStatus',1);
                }

            });


        } );
} );

          
        </script>
    </body>
</html>