Drupal7에서 SVG를 어떻게 인라인 할 수 있습니까?

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>

그리고? 어떻게해야합니까?

출처

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, 그냥 거기에 개체 태그를 넣어했습니다. –

는 테마의 img 디렉토리에 테마 즉에 SVG 파일을 저장 :

/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 인라인을 넣을 수 있는지 궁금합니다. 따라서이 같은 : 이 ... 내가 예를 들어 발견 = 인 XLink을 "HTTP : /www.w3.org/1999/xlink "class ="search-icon "> 그리고 어디에서 코드를 삽입 할 수 있는지 잘 모르겠습니다. 이전에 코드를 복사했습니다. 나는 Drupal PHP 파일에서 조금 길을 잃었다. – Ayala

이것을 이미지로 설정하면. 그럼 난 경로에 대한 CSS를 쓸 수 없습니다 – logeshvaran

Drupal7에서 SVG를 어떻게 인라인 할 수 있습니까?

답변

관련 문제