SVGベースのコンポーネントを含むAureliaJSベースのアプリケーションを構築している。私の問題は、MS Edgeでは、このSVGのグラデーションがレンダリングされないことです（下の画像を参照してください。「ゲージ」は透明になり、2つの円は緑色になります）。それは私がテストした他のすべてのブラウザ（FireFox、IE11、Chrome）に正しく表示されます。SVG勾配は、AureliaアプリケーションのMSエッジには適用されない。
グラジエントは、defsセクションのSVG内で定義されています。それらはそのIDによって使用されます。
私が試した：
- をエッジで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 しかし、ときを取得私はコードを読んで、タグを閉じることについて何の問題も見つけられませんでした。これを確かめるために、ほとんどのコードを削除し、グラデーションを持つ要素を1つだけ残しました。このメッセージはまだそこにありました。
コンポーネントの完全なコードはここにあります：https://bitbucket.org/arenaoftitans/arena-of-titans/src/9f5f70ff3fc71832bcac90ce0dcc5204a471b095/app/game/play/widgets/gauge/gauge.html?at=master&fileviewer=file-view-default
問題があるかもしれないし、それを解決するためにどのように何の任意のアイデア？