style.strokeDashoffsetは、たとえ設定されていても、常に空を返しますか？

Question

私はJavaScriptを使用してsvgのストロークダッシュオフセットCSSをインクリメントしようとしていますが、現在のストロークダッシュオフセットを得ることはできません。ここで

は、コンソールにそれが目に見えるこの道を作っjsfiddleです：

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

はどのようにして、パスの計算された海流ストロークdashoffset値を得ることができますか？

Answer 1

あなたはgetComputedStyle（）関数を使用する必要があります。

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

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

を