SVG 渐变未应用于 Aurelia 应用程序中的 MS Edge
SVG gradient not applied on MS Edge in Aurelia application
我正在构建一个基于 AureliaJS 的应用程序，其中包含一个基于 SVG 的组件。我的问题是在 MS Edge 中，这个 SVG 的渐变没有被渲染（见下图："gauge" 应该是透明的，两个圆圈是绿色的）。它在我测试的所有其他浏览器（FireFox、IE11、Chrome）中都能正确显示。
渐变在 defs 部分的 SVG 内部定义。然后由他们的 id 使用它们。
我试过了：
- 在Edge中将组件的SVG部分作为SVG文件打开。奇怪的是它呈现正确。所以我猜 SVG 是正确的。
- 删除 Aurelia 标记：问题仍然存在。
- 将填充值（当前
fill: url(#gauge-fill-2)）改成fill: url('#gauge-fill-2')或fill: url('/#gauge-fill-2')没有成功。
我还在控制台中收到以下消息，如果我删除此 SVG，该消息就会消失（我将其从法语翻译过来，因为我有 Windows 10 的法语版）
XML5633: The name of the ending tag doesn't match the name of the starting tag.
Line. 60, column 7
但是，当我阅读代码时，我找不到关闭标签的任何问题。为了确保这一点，我删除了大部分代码，只留下一个带有渐变的元素。这条消息还在那里。
知道问题可能是什么以及如何解决吗？
问题已通过创作者更新解决。我只需要它被广泛部署。
我正在构建一个基于 AureliaJS 的应用程序，其中包含一个基于 SVG 的组件。我的问题是在 MS Edge 中，这个 SVG 的渐变没有被渲染（见下图："gauge" 应该是透明的，两个圆圈是绿色的）。它在我测试的所有其他浏览器（FireFox、IE11、Chrome）中都能正确显示。
渐变在 defs 部分的 SVG 内部定义。然后由他们的 id 使用它们。
我试过了：
- 在Edge中将组件的SVG部分作为SVG文件打开。奇怪的是它呈现正确。所以我猜 SVG 是正确的。
- 删除 Aurelia 标记：问题仍然存在。
- 将填充值（当前
fill: url(#gauge-fill-2)）改成fill: url('#gauge-fill-2')或fill: url('/#gauge-fill-2')没有成功。
我还在控制台中收到以下消息，如果我删除此 SVG，该消息就会消失（我将其从法语翻译过来，因为我有 Windows 10 的法语版）
XML5633: The name of the ending tag doesn't match the name of the starting tag.
Line. 60, column 7
但是，当我阅读代码时，我找不到关闭标签的任何问题。为了确保这一点，我删除了大部分代码，只留下一个带有渐变的元素。这条消息还在那里。
知道问题可能是什么以及如何解决吗？
问题已通过创作者更新解决。我只需要它被广泛部署。