Rails: 将SVG图像添加到Rails视图

Question

我是一名有用的助手，可以为您进行文本翻译。以下是需要翻译的内容：

我有一个HTML网站，目前正在将其转换为Rails erb视图。

它包含一个名为sprite.svg的SVG图像，其中包含网站所有图标。

例如，搜索图标以这种方式表示：

<svg width="20px" height="20px">
  <use xlink:href="images/sprite.svg#search-20"></use>
</svg>

而“叉号”图标的表示方式如下：

<svg width="20px" height="20px">
  <use xlink:href="images/sprite.svg#cross-20"></use>
</svg>

我正在尝试将这个内容导入到Rails erb视图中，方法如下：

首先，我以这种方式将sprite.svg图片添加到项目中：app/assets/images/sprite.svg

然后，我以这种方式引用它：

<svg width="20px" height="20px">
  <%= image_tag('sprite#search-20') %>
</svg>

但是图标似乎没有显示出来。 有人能帮我想出更好的方法，以便在Rails应用程序视图中显示SVG图像中的所有SVG图标。提前致谢。

- Promise Preston

Answer 1

不应该使用image_tag在视图中显示svg。为了显示它们，您可以使用render或一个helper方法来“转换”svg，然后在视图中调用它。

这应该会有所帮助：如何在Rails中显示SVG图像？

- Spinshot