【发布时间】:2014-05-09 19:13:49
【问题描述】:
我嵌入了一个 svg,例如:<img src="http://example.com/path/to/picture.svg" />
在 IE 中显示正常,但在 Chrome 中不呈现(版本 34.0.1847.131)
但是,如果我随后加载 http://example.com/path/to/picture.svg
直接,它呈现精细而奇怪地重新加载原始页面,然后显示图形。
第一次使用渲染,但由于我将这些用于链接......如果可以工作,那将是最好的
【问题讨论】:
-
服务器是否以正确的内容类型响应?
-
是的,我想是的,/etc/nginx/mime.types 有:image/svg+xml svg svgz;
-
您的 SVG 文件是否包含对渲染所需的其他文件(图像、样式表等)的引用?这些通常不应该加载到
<img>标签中(出于安全原因),但我发现如果 Chrome 在缓存中直接打开 SVG 的内容,它将加载外部文件,使其暂时看起来像 SVG像<img>一样工作正常。 -
啊,好吧,这些 SVG 正在嵌入位图数据,它们不是矢量...将尝试将它们作为矢量(这就是我首先使用 SVG 的原因)并查看如果有帮助的话。
标签: html google-chrome svg