Question

我需要将SVG图标直接嵌入html文件中，而不是作为SVG文件的链接。

我尝试将<link>SVG file contents</link>添加到html中，但是没有用。

我的html的<head>：

<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0, minimal-ui"/>
<meta name="theme-color" content="#568342"/>
<meta name="apple-mobile-web-app-capable" content="yes"/>
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
<meta name="apple-mobile-web-app-title" content="My App"/>
<link rel="apple-touch-icon" href="images/icon_apple.png"/>
<link rel="icon" href="images/icon.png"/>
<title>My App</title>
</head>

Answer 1

您可以将data URL用作List<ProductVm>的{{1}}属性的值。像注释的enxaneta一样，compatibility data强烈建议您首先将SVG转换为PNG（最简单的方法是从矢量图形用户界面中将其导出）。之后，您可以将其转换为数据网址，例如使用this online tool。

如果您坚持直接使用SVG，this在线实用程序更适合SVG，则可以插入源文本。

您的最终结果如下：

href

或

<link>

将SVG图标嵌入html

1 个答案: