SVG 在 MS Edge 上显示为黑色

Question

不知怎么的，我的图像在chrome和firefox上显示得很完美，但在MS Edge上看起来是黑色的。我用一个html文件包围我的svg文件，这样我就可以把它们加载到另一个html文件中。这是一个已知的问题吗？有人有解决方案吗？

示例：https://i.stack.imgur.com/eIBGk.jpg

代码结构如下：

<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解决了我的问题。