SVG-изображение большого размера не отображается в Mozilla Firefox - PullRequest
0 голосов
/ 13 мая 2019

У меня проблема с отображением SVG-изображений большого размера в Firefox . В 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>

Это ссылка на кодовый блок

Может ли кто-нибудь помочь мне с этим?

1 Ответ

0 голосов
/ 13 мая 2019

Мне удалось решить эту проблему с помощью тега object вместо тега img.Код выглядит так:

Имя объекта

...