大尺寸SVG图片未在Mozilla Firefox中显示

Question

我在在Firefox中显示大尺寸SVG图像时遇到问题。在chrome中，图像显示没有问题，但是在Mozilla Firefox中，图像未显示。

如果我在单独的标签中单独打开该图像，则会显示该图像，但不会显示html页面。

png图像工作正常。只有SVG图片有此问题。

我在这里附上示例代码

.box {
  width:60px;
  height:60px;
  overflow: hidden;
  margin-bottom:20px;
  background:#000;
}
.box img {
  height:100%;
}

<div class="box">
  <img src="https://cdn1.imggmi.com/uploads/2019/5/13/17fdee32fe17f99ecc798e99a0c945e4-full.png"/>
</div>

<div class="box">
  <img src="https://svgshare.com/i/D2d.svg"/>
</div>

This is the codepen link

有人可以帮我吗？

Answer 1

我设法通过使用object标签而不是img标签来解决此问题。代码看起来像这样，

对象名称