SVG изображение не отображается в Mozilla Firefox

Question

Я использую Angular7 и пытаюсь загрузить изображение SVG как элемент Object. когда я делаю ng serve и открываю URL в firefox, он не загружает svg файл. В хроме это работает отлично. и если я открываю файл svg напрямую (не через угловое приложение) в firefox, он загружается.

Я пробовал viewbox, высоту и ширину и все, но все еще та же проблема.

<object id="svg1" data="assets/12455_01.svg" type="image/svg+xml" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"></object>

внутри моего корневого элемента svg у меня есть viewbox как: viewBox = "- 36.52 -2607.7 2723 2621"

css file:
object{
    width:100%;
    height: 80vh;
}

Я хочу отобразить файл svg, предоставленный в элементе Object, когда я загружаю / запускаю приложение во всех видах браузеров.

Answer 1

Я исправил это сам, но не уверен, что это правильный подход. Я установил путь и набрал через ngOnInit, как показано ниже, и он был успешно загружен.

ngOnInit(){
let obj = document.getElementById("svg1");
    obj.setAttribute('data', this.svgPath);
    obj.setAttribute('type', "image/svg+xml");
}