 |
|
DarknessAF
V2EX member #300966, joined on 2018-03-17 17:07:55 +08:00
|
DarknessAF's recent replies
> 这个可能是因为浏览器的没有兼容 svg 类型的数据流而已
> 内容类型 为 Content-Type: application/x-download; 时可能浏览器会直接用 src 读取对应的数据流。
> img 标签有还有一种用法是这样的
```
<img src="data:image/svg+xml;utf8,<svg>...</svg>">
```
这个网站有各种数据的转换示例,你可以看看。
https://base64.guru/converter/encode/image/svg
是这个内容类型的问题,Content-Type: application/x-download; ,这种内容类型是浏览器会直接下载的,你可以先获取好 svg 文件的数据,然后用一个元素作为占位符,把获取到的 svg 数据直接插入占位符中,但是你需要注意下 vue 的 html 转码,推荐用下 v-html 。你也可以先 log 下获取到的 svg 数据是不是正常的。