我有一个项目，我想将简单的图形背景放入表格单元格中。背景图像和一个小的 svg 文件效果很好！
但我真的很想将源代码全部保存在一个文件中。也就是说，我希望能够在 HEAD 中定义图像，并在 inline STYLE css 中引用它。
我在css url() 函数中尝试了svg 和哈希引用中ID 属性的各种组合，但没有成功。这似乎是一件可取的事情，但环顾四周，我没有看到任何想法。这告诉我要么无法完成，要么以其他方式完成......
建议？
问问题
438 次
3 回答
1
实际上，在提出问题并考虑之后，我意识到我已经阅读了答案。您需要使用 aa 数据 url 来创建内嵌 svg 图形。您可以将其赋予 css 类的 background-image 属性，如下所示：
{背景图像：url（“数据：图像/svg+xml；utf8，\ ...\”）；}
编码 utf8 将允许您直接输入代码，用反斜杠转义新行并避免双引号（据我所知；-）。现在您只需设置 TD 的 CLASS 就可以了！
现在我所要做的就是弄清楚如何在底部而不是顶部对齐背景......
于 2012-05-21T21:51:16.217 回答
1
您可以将 svg 文件保存在其他地方并将其放在 iframe 中。
<iframe src="index.svg" width="100%" height="100%" />
可能还有其他方法。。
svg 的最佳 tuts 是MDN。
于 2012-05-08T20:02:50.547 回答
0
此代码也可能有效：
<svg>
<use xlink:href="..." />
</svg>
于 2012-11-23T09:35:16.460 回答