Firefox 无法在 IMG 标签中呈现 SVG

Question

我正在尝试将 SVG 图像添加到 HTML 文件。我在一个目录中有 index.html 和 star.svg。 Ubuntu 上的 Firefox 96 无法呈现图像，仅显示替代文本。我也尝试使用 OBJECT 标签，但只打印 star.svg.

的来源

star.svg 在其他地方正确显示。

非常感谢任何帮助。

我正在使用的 HTML 和 SVG：

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>SVG Test</title>
  </head>
  <body>
    <img src="star.svg" alt="star" height="210px" width="500px">
    <object data="star.svg" type="image/svg+xml"></object>
  </body>
</html>

和

<svg height="210" width="500">
  <polygon points="100,10 40,198 190,78 10,78 160,198"
  style="fill:lime;stroke:purple;stroke-width:5;fill-rule:nonzero;"/>
</svg>

Answer 1

您应该包括 xmlns:

 <svg height="210" width="500" xmlns="http://www.w3.org/2000/svg">

根据 docs:

The xmlns attribute is (…) required on the outermost svg element of SVG documents. (…)

Firefox 无法在 IMG 标签中呈现 SVG

Firefox fails to render SVG in IMG tag

html

svg