2017-04-24 1 views
0

Drupal7のhtmlに私のsvgコードを入れたいと思います。しかし、どのファイルをどのファイルに入れるべきか、まったくどの行を置くべきか分かりません。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> 

と?私は何をすべきか?

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

かいままであなたがテーマのイメージを保持DIRと呼ばれる:

+0

は、オブジェクトタグを作成して、SVGファイルを指すようにそのデータ属性を設定します。 –

+0

@ロバート・ロングソン あなたはこれについて話していますか? https://www.drupal.org/docs/7/api/javascript-api/creating-custom-drupalajax-object-on-the-fly-and-attach-it-to-any-dom – Ayala

+0

いいえ、 (それがあなたが欲しい/したいことでない限り)。あなたはあなたのPHPファイル内のdivを持って、ちょうどそこにオブジェクトタグを入れてください。 –

答えて

0

はすなわち、あなたのテーマのimgディレクトリにあなたのテーマであなたのSVGファイルを保存します。

それからちょうど定期的なイメージとしてそれを使用する:

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

ありがとうございます。 しかし、私はどのように私はsvgをインラインにすることができます興味があります。 だから、このように: ... 私は例を見つけたのxlink = "HTTP :/www.w3.org/1999/xlink "class ="検索アイコン "> 私はどこにコードを入れることができるのかわかりません。 自分のコードを先にコピーしました。 私はDrupal PHPファイルで少し失われています。 – Ayala

+0

これを画像として設定すると、それから、私はパスのためのcssを書くことができませんでした – logeshvaran

関連する問題