如何在Drupal7中内联SVG？

我想把我的svg代码放在Drupal7的html中。但我不知道我应该放入哪个文件，或者确切地说哪一行。如何在Drupal7中内联SVG？

我想把一个SVG菜单图标放在我的superfish菜单中（在移动模式下）。我应该怎么知道我应该搜索哪个文件？

这是比如我快鱼文件：

?> 
<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 FLE：

<?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>

还有呢？我该怎么办？

来源

2017-04-24 Ayala

创建一个对象标签并将其数据属性指向您的SVG文件。 –

@Robert Longson 你在说这个吗？ https://www.drupal.org/docs/7/api/javascript-api/creating-custom-drupalajax-object-on-the-fly-and-attach-it-to-any-dom – Ayala

不，（除非你想要/需要这样做）。你在你的php文件中有一个div，只需在其中放入一个对象标签即可。 –

保存您的SVG文件在你的主题，即在img目录中的主题：

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

或什么都你叫，你保存的主题图片的目录。

然后只是把它作为一个普通的图像：

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

来源

2017-04-27 13:41:06 MilanG

谢谢。但我很好奇我怎样才能把svg内联。所以像这样：我发现了一个例子：而且我不知道我可以把它放在我的代码中。我之前复制了我的代码。我有点迷失在Drupal的php文件中。 – Ayala

如果我们将其设置为图像。然后我无法写出路径的CSS – logeshvaran

如何在Drupal7中内联SVG？

回答

相关问题