爲什麼style.strokeDashoffset總是返回空，即使設置了？

Question

所以我試圖增加使用JavaScript的svg的stroke-dashoffset css，但是我無法獲得任何svg路徑的當前stroke-dashoffset。

這裏有一個jsfiddle使它在控制檯中看到這樣：

setInterval(function(){ 
    path = document.getElementById("path1"); 
    console.log(path.style.strokeDashoffset) 
},50) 

我怎樣才能得到一個路徑的計算CURENT行程dashoffset價值？

Answer 1

你必須使用的getComputedStyle（）函數：

setInterval(function(){ 
    path = document.getElementById("path1"); 
    console.log(window.getComputedStyle(path).strokeDashoffset) 
},50) 

http://jsfiddle.net/46cmu71t/39/