这可能没有一个非常大的用例，除了显而易见的：你需要一个栅格图形和其他一些东西在一个更大的 SVG 设计中。这样它就可以随着其他元素一起移动和缩放。
语法是
<svg ... >
<image xlink:href="/path/to/image.jpg" width="100%" height="100%" x="0" y="0" />
</svg>你可能永远不会单独将栅格图形放入 SVG，因为它没有任何优势。是的，你可以将 SVG 滤镜应用于图像，但你也可以将 SVG 滤镜应用于 <img>。剪切路径和蒙版也是如此。
但是，过滤器可能看起来略有不同，所以需要注意这一点
查看 CodePen 上 Chris Coyier 的笔 SVG 上的 SVG 或 IMG 过滤器 (@chriscoyier)。
嗨！我正在 Illustrator 中创建带有矢量图形在栅格图形顶部的横幅。如果我想在我的横幅按钮上添加悬停效果，我在哪里可以找到一个好的教程？我对代码不太了解。（这不是针对我的网站，因为我的网站正在建设中，但是我将来可能会将它应用到我的网站上！）
如果你使用的是嵌入到你的 SVG 可交付物中的 JPG 图像，你需要知道一件事。确保你使用的是“渐进式 JPG”图像。它将在网络上打开你的最终 svg 可交付物时有所帮助。
文档说 xlink-href 已弃用/不再建议。有什么关于替换的建议吗？
https://mdn.org.cn/en-US/docs/Web/SVG/Element/image
我在紧急情况下这样做，因为我的 CMS 只能允许使用 SVG 徽标作为页眉，某些客户的徽标中有详细的图形和纹理，而 SVG 渲染无法单独复制。
我记得在 ie11 中看起来有点粗糙。