Html Svg rect round的外观因其位置而异

我将rx=“3”ry=“5”设置为所有矩形，但根据其在缩放100%时的位置而不同，为什么？有什么想法吗

顶部：

对:

<rect rx="3" ry="5" x="356" y="73" style="fill:white;stroke-width:1;stroke:rgb(0,0,0)" 
width="45px" height="27px" viewBox="0 0 100 100"></rect>

---

我使用

您是否有一些css规则，如

形状渲染：CrispEdge

？如果有的话，把它拿走。@kaido不，我没有。真的吗？听起来很奇怪你没有任何抗锯齿。。。你能试着用什么浏览器/渲染器制作一个屏幕截图吗？您是否尝试过其他浏览器/渲染器？FWIW viewBox对rect元素不起任何作用。

<rect x="167.5" y="-8" viewBox="0 0 100 100" rx="3" ry="5" 
style="fill:white;stroke-width:1;stroke:rgb(0,0,0)" width="45px" height="27px">
</rect>

<rect rx="3" ry="5" x="356" y="73" style="fill:white;stroke-width:1;stroke:rgb(0,0,0)" 
width="45px" height="27px" viewBox="0 0 100 100"></rect>