SVG 作为 img

你可以使用 <img> 标记将 SVG 文件的内容呈现为 HTML 文档中的图像。例如：

<img src="my_svg_file.svg" alt="Image description">

默认情况下，图像的尺寸将根据 src 属性中引用的 SVG 文件中指定的宽度和高度属性进行显示。

值得注意的是这种方法固有的各种限制：

• 浏览器支持虽然不错，但不包括 Internet Explorer 8 及更早版本，也不包括 Android 2.3 及更早版本。
• 你无法使用 SVG 文件外部的 CSS 设置 SVG 文件中包含的各个元素的样式。所有 CSS 必须在图像文件本身内。
• JavaScript 将无法运行。
• 图像必须在单个文件中完成。例如，如果 SVG 文件包含光栅图像，则必须将这些内部图像编码为数据 URL。