1. 程式人生 > >d3.js 平移縮放

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標籤了.