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)”) //处理描边渐变失效问题