svg line stroke-width 相同但是不一样粗 仅做记录

转载链接  https://segmentfault.com/q/1010000004242600

转载链接 https://segmentfault.com/q/1010000012453028

 

 因为文字默认有'fill:black'的属性，而stroke是沿着文字边框向内和向外扩展stroke-width数值的一半。所以最后一个text标签的fill挡住了前面text标签的一半stroke。
将text的fill设为none可解决问题。

 

SVG解决毛边（CSS）： 

svg line {
    shape-rendering: crispEdges;
}