Html SVG路径不可缩放

我正在尝试使用SVG来显示座位布局，其中每个座位都是一个单独的路径

但是，svg似乎没有缩放，即座椅似乎是像素化的，单个座椅的锐度似乎模糊

在检查时，似乎是因为笔划没有缩放，我尝试了多个属性，如

向量效果：非缩放笔划
和
形状渲染：边缘清晰但在较小尺寸的座椅上，座椅的清晰度会降低

原始svg位于

在更小的屏幕上（感谢JS bin窗格）

我假设SVG会扩展，我不知道为什么会发生这种情况。

我需要关于如何保持座椅不像素化和允许缩放的任何建议的帮助。
SVG对我来说似乎很好。它正在按预期缩放和收缩。你能解释一下“像素化”是什么意思吗？显然，当细节开始变得小于一个像素时，您将失去一些清晰度。这只是物理学。我所说的像素化的意思是，随着屏幕缩小，座椅笔划似乎重叠，而不是呈线性。随着svg的缩小，每个座位的清晰度都会降低。恐怕这只是抗锯齿的效果。一旦线条的宽度变为像素的一小部分，浏览器就会尝试使用灰色像素而不是黑色像素来模拟亚像素细节。您可以使用CrispEdge关闭防Lising（如您所见），但这只会让情况变得更糟。如果您不喜欢抗锯齿效果，那么最好的解决方案可能是简化座椅的形状以减少细节。