2016-11-16 59 views
1

我知道這之後如何改變zoom.translateExtent ...聲明變焦

var zoom=d3.zoom().scaleExtent([1, Infinity]).translateExtent([[0, 0], [width, height]]).extent([[0, 0], [width, height]]).on("zoom", zoomed); 

...設定的範圍內進行縮放。

當我想改變我試過這個translateExtent:

zoom.translateExtent([[100, 100], [width, height]] 

,但它不`噸的工作。

如何更改zoom.translateExtent?

回答

-1
function zoom(){ 
    var t=d3.event.transform; 
    if(t.x<=100){ 
     t.x=100// when t.x <100 make t.x=100 
    }else if(t.x>=200){ 
     t.x=200 
    } 
    selection.attr("transform",t);//set up your selection`s transform,lock the zoon events 
} 
+3

雖然此代碼段可以解決的問題,[包括一個解釋](// meta.stackexchange.com/questions/114762/explaining-entirely-code-based-answers)確實有助於提高質量您的帖子。請記住,您將來會爲讀者回答問題,而這些人可能不知道您的代碼建議的原因。也請儘量不要用解釋性註釋來擠佔代碼,這會降低代碼和解釋的可讀性! – kayess

+0

不幸的是,我的英文太差,做出了詳細的描述,希望需要 – Fboy

+0

其實這也沒有幫助。它只是限制轉換,但不影響d3js的轉換實現,所以用戶需要向後滾動足夠多。 – Qwertiy