html - SVGレンダリングの問題

Question

Chromeを除くすべてのブラウザでSVGレンダリングのバグに遭遇しました。SVGはすべてHTMLファイルに埋め込まれており、現在のすべてのブラウザーでサポートされています。ただし、ほとんどのブラウザは色を間違えます（これは単なる標準の16進色です）が、他のブラウザは一部をまったくレンダリングできません（他のブラウザは問題ありません）。ソースファイルとスクリーンショットは次のとおりです。http：//awesomegeek.com/bugreport/bugreport.zip自分の目で確かめて、それを複製できるか、解決策を考え出すことができるかどうか教えてください。

Answer 1

残念ながら、あなたの html ファイルは無効です。linearGradient id="a" など、同じ ID を持つ要素が複数あります。それらが異なる svg フラグメントで発生することは知っていますが、それでもそれはできません。すべての ID はファイル内でグローバルに一意である必要があります。Firefox は、ファイル全体でこれらのアイコンの最初のアイコンを選択することで、アイコンを正しく描画していると思います。