svg linearGradient漸變在line垂直的時候會失效

svg linearGradient漸變在line垂直的時候會失效

繪製一條垂直的線，用line 還是path 在垂直的時候添加linearGradient漸變會失效。
最簡單的處理方式是讓它傾斜一點點就可顯示了。

this.svg.append("g")
     .attr("transform", "translate(" + this.divWidth / 2 + "," + this.divHeight / 2 + ")")
     .attr('stroke', `url(#gradB)`)           
     .append('path')
     .attr('d',`M0 -100 l0.01 100}`)            
     .attr('stroke-dasharray', [5,5])
     .attr('stroke-width', 1) 

就像這樣，傾斜0.01是看不出來的。

這個stroke在正常1:1的時候也出現問題了。該漸變的沒有漸變，然後放大一點點就正常了。這都什麼bug啊。attr(‘transform’,“scale(1.01)”) //處理描邊漸變失效問題