Question

我正在使用Angular7，并尝试加载SVG图像作为Object元素。当我提供服务并在firefox中打开URL时，它不会加载svg文件。在镀铬中，它的工作效果非常好。如果我直接在Firefox中打开svg文件（而不是通过角度应用程序打开），则该文件正在加载。

我已经尝试过查看框，高度和宽度，但仍然存在相同的问题。

<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 =“-36.52 -2607.7 2723 2621”

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

当我在各种浏览器中加载/运行应用程序时，我想显示Object元素中提供的svg文件。

Answer 1

我自己修复了它，但是不确定这是否正确。我已经设置了路径并通过ngOnInit键入，如下所示，它已成功加载。

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

SVG图像未显示在Mozilla FireFox中

1 个答案: