我有一个项目，我希望将简单的图形背景放入表格单元格中。 background-image和一个小的svg文件效果很好！
但我真的想把源保存在一个文件中。也就是说，我希望能够在HEAD中定义图像，并在内联STYLE css中引用它。
我在css url（）函数的svg和hash引用中尝试了各种ID属性组合，但没有成功。这似乎是一件令人向往的事情，但环顾四周，我还没有看到一丝想法。这告诉我要么无法完成，要么以其他方式完成......
建议？
答案 0 :(得分：1)
您可以将svg文件保存在其他位置并将其放在iframe中。
<iframe src="index.svg" width="100%" height="100%" />
也可能有其他方法..
找到svg的最佳tuts MDN。
答案 1 :(得分：1)
实际上在提出问题并思考之后，我意识到我已经阅读了答案。您需要使用数据URL来创建内嵌svg图形。这可以给出css类的background-image属性，如下所示：
{背景图像：网址（ “数据：图像/ SVG + xml的; UTF8，\ ... \ “）;}
编码utf8将允许您直接输入代码，使用反斜杠转义新行并避免使用双引号（据我所知;-)。现在你只需设置TD的CLASS即可，效果很好！
现在我要做的就是弄清楚如何在底部而不是顶部对齐背景......
答案 2 :(得分：0)
此代码也可能有效：
<svg>
<use xlink:href="..." />
</svg>