Как вставить изображение SVG в угловую панель? - PullRequest
Новая
       14

Как вставить изображение SVG в угловую панель?

0 голосов
/ 03 января 2019

Я создаю веб-приложение с Angular 6 (я новичок в этом инструменте). У меня есть некоторые проблемы при вставке изображения svg в карточку страницы панели инструментов. Я вставил изображение в папку «assets» и установил «InlineSVGModule», но я не понял, как использовать его для своих целей.
Я создаю компонент "карта" с этим файлом ".html": 

  <div class="col-sm-6" style=" overflow-x: hidden" >
   <div class="card" style="margin-left: 20px"> 
    <div class="card-body"style="align-content: center">
     <img [inlineSVG]= "'./assets/img/Immagine.svg'">
    </div>
   </div>

  </div>

но это не работает. Надеюсь, что вы можете мне помочь.

1 Ответ

0 голосов
/ 03 января 2019

Вы можете включить изображение SVG напрямую: 

 <div class="col-sm-6" style=" overflow-x: hidden" >
   <div class="card" style="margin-left: 20px"> 
     <div class="card-body"style="align-content: center">
        <img src= "./assets/img/Immagine.svg">
     </div>
  </div>
</div>

Проверьте поддержку браузера здесь .

Вот пример

...