svg preserveAspectRatio =“xMidYMid slice”正在改变svg viewbox的大小

在我的应用程序中，我创建了一个包含图像 - 场景背景和一些形状（矩形，圆形）的SVG场景。svg preserveAspectRatio =“xMidYMid slice”正在改变svg viewbox的大小

关于svg元素我设置了一个视图框用于处理逻辑单元而不是像素。因此，在svg元素上，我将preserveAspectRatio属性设置为“xMidYMid slice”，在图像上相同 - 背景场景内。

除了现在的位置x = 0，y = 0不是它应该是的位置，x = 0，y = 0的一切看起来与预期一致，根据场景在“切片之前”的位置“，尽管SVG元素的宽度和高度是相同的。

我需要x = 0，y = 0，它应该在场景的左上角。

感谢您的帮助。

N，圣

2015-08-25 NadavSt

那么SVG不会覆盖整个区域。保持纵横比并完全覆盖整个区域是不相容的目标。 –

有什么我可以做的吗？我不在乎被切片的图像，我只想让我的场景成为不被切片的部分。有没有解决这个问题的方法？ – NadavSt

如果您不希望SVG的原点（左上方）移动做的，然后再尝试：

preserveAspectRatio="xMinYMin slice"

也许这是你之后？

2015-08-25 16:29:41

回答