Question

我有一个有角度的4应用程序我试图将SVG文件导入图像标记内的html文件

即

<img src="../app/scalableVectorGraphics/landingpage/twitter.svg">

html文件的路径：

suitsandtables/frontend/suitsandtables-app/src/app/browsevenues/venuelist/venuelist.component.html

svg文件的路径：

/app/scalableVectorGraphics/landingpage/twitter.svg

我试过了

 /app/scalableVectorGraphics/landingpage/twitter.svg
./app/scalableVectorGraphics/landingpage/twitter.svg
../app/scalableVectorGraphics/landingpage/twitter.svg

在将SVG文件导入为图像时，我缺少一些东西。这看起来非常简单。

Answer 1

将图像放入src / assets / scalableVectorGraphics / ...然后：

<强> HTML

<img src="assets/scalableVectorGraphics/landingpage/twitter.svg">

如果您需要将样式表作为背景图片输入：

<强> CSS ：

background-image:  url(/assets/scalableVectorGraphics/landingpage/twitter.svg)

Answer 2

在堆栈和其他网站的响应均无效后，对我来说:: before完成了该工作：

 div::before {
  content: url('../assets/images/Office\ Health\ Logo.svg');
 }

相对导入svg的图像标签角度为4

2 个答案: