如何在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？

回答

相關問題