SVG“使用”不显示答案

【问题标题】：SVG "use" doesn't showSVG“使用”不显示
【发布时间】：2016-02-25 22:43:57
【问题描述】：

我有一个 SVG 图标，我需要在页面上的多个工具栏中使用。

如果我将 SVG 代码添加到工具栏中的位置，它就可以工作。但是，由于我需要多次使用它，我试图在页面底部定义一个，然后在多个位置显示“使用”。

所以我定义它：

<svg>
 <defs>
  <g id="svgHelp" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none">
  <path d="M1 12c0-6.075 4.925-11 11-11s11 4.925 11 11-4.925 11-11 11-11-4.925-11-11z"/>
  <path d="M11.792 14v-1c1.609 0 3-1.391 3-3s-1.391-3-3-3c-1.194 0-2.342.893-2.792 1.921"/>
  <path d="M12 17v1"/>
  </g>
 </defs>
</svg>

然后尝试使用它：

  <use xlink:href="#svgHelp" x="0" y="0" />

但它不显示。我在这里错过了什么？

【问题讨论】：

标签： html svg

【解决方案1】：

我相信<use> 一定是wrapped by <svg>

<svg>
  <use xlink:href="#svgHelp" x="0" y="0" />
</svg>

【讨论】：

是的。我知道我忽略了一些明显的东西。谢谢。