我正在使用Angular 6构建一个Web应用程序(我是这个工具的初学者)。我在仪表板页面的卡片中插入 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>
在此处查看浏览器支持。
这里有一个例子