我可以使用Polyline和Path绘制相同的图形,但在渲染时却看到了区别。这就是为什么有这个问题的原因 -
<svg xmlns="http://www.w3.org/2000/svg">
<polyline points="200 100, 220 120, 280 120, 300 100" style="stroke:red; stroke-width:2px; fill:none" />
<path d="M200 100 L220 150 H280 L300 100" style="stroke:blue;stroke-width:2px; fill:none" />
</svg>
你看到这两条水平线,虽然它们都是2像素,但其中一条看起来更细。为什么?在这里查看https://jsfiddle.net/xeafLqjp/。