【问题标题】:How can I put inline an SVG in Drupal7?如何在 Drupal 7 中嵌入 SVG?
【发布时间】:2017-04-24 12:20:51
【问题描述】:

我想将我的 svg 代码放在 Drupal7 的 html 中。但我不知道我应该把它放在哪个文件中,或者确切地说是哪一行。

我想在我的超级鱼菜单中放置一个 SVG 菜单图标(在移动模式下)。我怎么知道我应该搜索哪个文件?

这是例如我的超级鱼文件:

?>
<div <?php print $attributes; ?>>

  <nav id="main-menu" class="main-menu navigation block-content clearfix2" role="navigation">
    <?php print render($title_prefix); ?>
     <?php if (isset($title) && $title): ?>
      <h3<?php print $title_attributes; ?>><?php print $title; ?></h3>
    <?php endif; ?>
    <?php print render($title_suffix); ?>
    <?php print $content; ?>
  </nav>

</div><!-- /.block -->

这是我的 svg 文件:

<?xml version="1.0" encoding="utf-8"?>
<svg xmlns="http://www.w3.org/2000/svg">
<symbol id="menu" viewBox="0 0 32 32"><path d="M4,10h24c1.104,0,2-0.896,2-2s-0.896-2-2-2H4C2.896,6,2,6.896,2,8S2.896,10,4,10z M28,14H4c-1.104,0-2,0.896-2,2  s0.896,2,2,2h24c1.104,0,2-0.896,2-2S29.104,14,28,14z M28,22H4c-1.104,0-2,0.896-2,2s0.896,2,2,2h24c1.104,0,2-0.896,2-2  S29.104,22,28,22z"/>
</symbol>
</svg>

然后呢?我该怎么办?

【问题讨论】:

  • 创建一个对象标签并将其数据属性设置为指向您的 SVG 文件。
  • @Robert Longson 你在说这个吗? drupal.org/docs/7/api/javascript-api/…
  • 不,(除非这是您想要/需要做的)。您的 php 文件中有一个 div,只需在其中放置一个对象标签即可。
  • 对象?不是svg?如果我希望 svg 在“菜单”链接之前,我应该把它放在哪里?我迷失在这个 php 文件中。
  • @Ayala,你知道怎么做吗?

标签: svg drupal-7


【解决方案1】:

将您的 svg 文件保存在您的主题中,即在您的主题的 img 目录中:

/sites/all/themes/my_theme/img/image.svg

或者你在其中保存主题图像的目录。

那就把它当作普通图片使用吧:

<img src="/sites/all/themes/my_theme/img/image.svg" alt="" />

【讨论】:

  • 谢谢。但我很好奇如何将 svg 内联。所以像这样: ... 我找到了一个例子: w3.org/2000/svg" version="1.1" xmlns:xlink="w3.org/1999/xlink" class="search-icon"> 我不知道我可以把它放在哪里代码。我之前复制了我的代码。我有点迷失在 Drupal php 文件中。
  • 如果我们将其设置为图像。然后我不能为路径写css
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2011-12-23
  • 2011-07-23
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2017-01-28
相关资源
最近更新 更多