【问题标题】:SVG won't display unless previously loaded in Chrome除非之前在 Chrome 中加载,否则 SVG 不会显示
【发布时间】: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


【解决方案1】:

当使用带有嵌入位图数据的 SVG 时,这似乎是 chrome 中的一个错误。使用纯矢量的 SVG 效果很好

【讨论】:

  • 你好,刚遇到同样的问题,你是怎么转换的?
  • 我不记得了...抱歉 :\ 可能不知何故与 Adob​​e illustrator :)
猜你喜欢
  • 1970-01-01
  • 2023-03-28
  • 1970-01-01
  • 2014-03-24
  • 1970-01-01
  • 2017-11-25
  • 1970-01-01
  • 1970-01-01
  • 2018-05-16
相关资源
最近更新 更多