<object type =“image / svg + xml”>在chrome

Question

当我尝试将.svg文件显示为图片时，Chrome会在我尝试这样写时不会显示它：
<img src='/images/shape.svg'>

我发现Google Chrome浏览器通常无法很好地呈现.svg，但您可以使用<object>代替（found that here）。 现在<object> - 标签适用于所有案例和页面，但是这个。我不知道为什么，但有些东西使我的图像/物体在自己的容器内上下移动。正如你在这里看到这个督察所看到的那样。

!!右图上的<svg>和<object>在检查员中的高度相同

更新：同样，它并不总是正确的渲染，其余的不是。它完全是随机的。有时1和4呈现正确，有时只有3，有时没有，......

我已将我的代码放入此fiddle 感谢您对此提供的任何帮助