d3.js 平移縮放

rt 記錄一下

           var zoom = d3.zoom()                                                                                                                                               
               .scaleExtent([0.1,10])                                                                                                                                         
               .on("zoom", zoomed);                                                                                                                                           
                                                                                                                                                                              
           function zoomed() {                                                                                                                                                
               d3.select('#g_main').attr("transform", d3.event.transform);                                                                                                    
           } 

 這里事件給了svg標簽, g標簽 定義id為g_main 

這樣就可以在svg標簽內的任意位置來縮放g標簽了.