如何从顶部缩放SVG中的链接图像（当前从奇怪中心缩放）

Question

我有一个图像链接在内联SVG中，SVG的高度和宽度值被删除。当尺寸选项设置为百分比时，图像似乎消失了，因此我将它们保留在px值，这是SVG似乎保持的高度。

这个链接将展示什么，我试图实现要容易得多：example

基本上我想要的SVG表现为上面的图片确实如此，但链接的图像从它的SVG容器的中心缩放而不是顶部。

感谢，

-n

Answer 1

看起来像所有你需要做的就是添加

svg { 
    max-height:100%; 
} 

你的CSS。

Answer 2

这是一个WebKit的错误。见

Using a svg with width=100 and height=100 I got extra space in safari e chrome

一些可能的解决方案。