Question

我正在使用Angular 6建立一个Web应用程序（我是该工具的初学者）。在仪表板页面的卡片中插入svg图像时遇到一些问题。我将图像插入了“ assets”文件夹，并安装了“ 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>

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

Answer 1

您可以直接添加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

如何在角度仪表板中插入SVG图片？

1 个答案: