svg路径边界模糊

Question

我遇到了svg圆形按钮图像的问题。当我使用2px的边框（使用svg路径）绘制图像时，边框模糊。我将位置偏移.5以试图阻止模糊，但这似乎只适用于1px边框。在FF和Chrome中都显得模糊。

另外，我注意到使用svg rect绘制圆角，边框2px，没有同样的问题。线条很锐利。

<svg width="225" height="50" viewBox="-1.5 -1.5 225 50"><path d="m 103 0 l -93 0 c -5 0 -10 5 -10 10 l 0 22 c 0 5 5 10 10 10 l 93 0 z" stroke="#000" stroke-width="2px" fill="#fff" /><path d=" m 103 0 l 93 0 c 5 0 10 5 10 10 l 0 22  c 0 5 -5 10 -10 10 l -93 0 z" stroke="#000" stroke-width="2px" fill="#999" /></svg>

Answer 1

将viewBox更改为"-2 -2 225 50"，看起来很好。