如何在角度仪表板中插入svg图像?

问题描述 投票:-1回答:1

我正在使用Angular 6建立一个webapp(我是这个工具的初学者)。我在将svg图像插入仪表板页面的卡片时遇到了一些问题。我将图像插入“资产”文件夹中,然后我安装了“InlineSVGModule”,但我没有说明如何将它用于我的目的。 我用这个“.html”文件创建了一个组件“map”:

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

但它不起作用。希望你能帮助我。

angular svg
1个回答
0
投票

您可以直接包含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>

检查浏览器支持here

Here an example

热门问题
推荐问题
最新问题