SVG在MS Edge上显示为黑色

Question

我的图像可以在chrome和firefox上完美显示，但是在MS Edge上似乎是黑色。我用html文件包围了svg文件，因此可以将它们加载到另一个html文件中。这是一个已知的问题？有人有解决方案吗？

示例： https://imgur.com/a/kFlIiW6

代码结构如下：

<template style="display: flex">
<svg class="svgclassname" viewBox="0 0 128 128">
<--Styling and paths-->
</svg>
</template>

谢谢！

Answer 1

如果您用HTML包围SVG，并希望在另一个HTML文件中使用它们，则可以将其作为图像包含。

<img src="mysvg.svg"/>

如果您想更改fill，stroke或其他属性，则需要从SVG主文件中执行此操作。

Answer 2

由于某些原因，MS Edge在svg文件中忽略了我的样式。在路径上调用fill可以解决我的问题。