繁体   English   中英

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

[英]How to insert an svg image in angular dashboard?

我正在用 Angular 6 构建一个 webapp(我是这个工具的初学者)。 我在仪表板页面的卡片中插入 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>

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

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

在此处检查浏览器支持。

这里有一个例子

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM