html - 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 文件中进行更改。