我有一个简单的SVG文件，其内容如下(icon.svg)：
(icon.svg)
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="..."/> </svg>
如何在不添加id属性的情况下为它创建一个外部引用？
id
<svg> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="icon.svg"></use> </svg>
khbbv19g1#
迟到了......如果您希望有一个对没有id的svg的外部引用，可以使用HTML的<object>示例用法：
<object>
<object data="pathToSome.svg" width="20" height="20"> </object>
vsmadaxz2#
您可以将其用作常规图像，如下所示：<img src="example.svg">或：<link rel="icon" href="example.svg">
<img src="example.svg">
<link rel="icon" href="example.svg">
kqlmhetl3#
非常简单，对于页面上的普通svg用途：
<img src="/path/to/svg" width="" height="">
站点图标用途：
<link rel="icon" href="/path/to/svg">
希望这有帮助！
ar7v8xwq4#
因为svg通常都是很小的文件--尤其是一个小图标--所以我总是把它们存放在我的img文件夹里。我把一个favicon [浏览器标签]放在index.html的同一个文件夹里。它只会让你更容易把自己的svg存放在你的服务器空间里，也可以防止外部主机离线或取下那个文件时出现任何问题。希望这能有所帮助。
4条答案
按热度按时间khbbv19g1#
迟到了......如果您希望有一个对没有id的svg的外部引用，可以使用HTML的
<object>示例用法：
vsmadaxz2#
您可以将其用作常规图像，如下所示：
<img src="example.svg">或：<link rel="icon" href="example.svg">kqlmhetl3#
非常简单，对于页面上的普通svg用途：
站点图标用途：
希望这有帮助！
ar7v8xwq4#
因为svg通常都是很小的文件--尤其是一个小图标--所以我总是把它们存放在我的img文件夹里。我把一个favicon [浏览器标签]放在index.html的同一个文件夹里。它只会让你更容易把自己的svg存放在你的服务器空间里，也可以防止外部主机离线或取下那个文件时出现任何问题。希望这能有所帮助。