SVG трещины в Firefox (не рендеринг ясно)

Question

Мои SVG не отображаются четко в Firefox. Другие браузеры, такие как Chrome, Opera и Safari, выглядят нормально. Моя Firefox версия - 72.0.1

Я отображаю свой SVG как:

<img src="assets/name.svg"/>

Вот как это выглядит в браузере Opera:

А вот как это выглядит в Firefox:

Answer 1

Исходя из того, как вы отображаете svg, вы помещаете его в тег img, который на самом деле работает, но дело в том, что края svg не отображаются резко в Firefox.

Как Временное решение: вы можете связать файл SVG, а также сохранить возможность воздействовать на его части с помощью CSS, используя тег объекта.

<object type="image/svg+xml" data="wtf.svg" class="svg-logo">
  <!-- wtf.svg will render here -->
</object>

Это будет отлично работать в Firefox.

* Примечание: это также будет хорошо работать в Chrome, Opera, Safari.