svg preserveAspectRatio =" xMidYMid slice"正在改变svg视图框大小

时间:2015-08-25 13:10:48

标签: svg

在我的应用中,我创建了一个包含图像的SVG场景 - 场景背景,以及一些形状(矩形,圆形)。

在svg元素上我设置了一个用于处理逻辑单元而不是像素的视图框。 所以,在svg元素上,我将preserveAspectRatio属性设置为" xMidYMid slice",在图像上相同 - 内部的背景场景。

一切看起来都符合预期,除了现在位置x = 0,y = 0不是它应该是的位置,x = 0,y = 0是根据场景在它之前的位置虽然SVG元素的宽度和高度是相同的,但是#34;切片"。

我需要x = 0,y = 0,它应该是场景的左角。

感谢您的帮助。

an image that explain my issue:

N,St。

1 个答案:

答案 0 :(得分:1)

如果您不想移动SVG的原点(左上角),请尝试:

preserveAspectRatio="xMinYMin slice"

也许这就是你追求的目标?