如何在SVG中使用CSS背景网址

Question

我正在尝试background: url(#myid);将id 链接到SVG元素。

<svg id="myid"></svg>

这有可能吗？难道我做错了什么？

<svg id="myid"></svg>

.spesial {
  width: 100px;
  height: 100px;
  background-image: url(#test);
}

我知道我可以设置链接中的所有数据，但是那样我将无法重用它。URL
而且<image href="pic.svg"后来我的CSS样式必须是内联。

Answer 1

您还可以将 svg 作为 base64 编码直接包含在 css 中并重用 css-class。

.spesial { background: url("data:image/svg+xml;utf8,<svg...