【问题标题】:SVG Rendering IssuesSVG 渲染问题
【发布时间】:2017-06-08 18:47:10
【问题描述】:

我在除 Chrome 之外的所有浏览器中都遇到了一些 SVG 渲染错误。 SVG 都嵌入在 HTML 文件中,当前所有浏览器都支持该文件。然而,大多数浏览器的颜色是错误的(只是标准的十六进制颜色),而其他浏览器则根本无法渲染一些(而其他浏览器则很好)。以下是源文件和屏幕截图:http://awesomegeek.com/bugreport/bugreport.zip 自己看看,如果您可以复制它或提出解决方案,请告诉我。

【问题讨论】:

    标签: html svg cross-browser


    【解决方案1】:

    恐怕您的 html 文件无效。您有多个具有相同 id 的元素,例如线性渐变 id="a"。我知道它们出现在不同的 svg 片段中,但你仍然不能这样做,所有 Id 在文件中必须是全局唯一的。我认为 Firefox 通过在整个文件中选择第一个图标来正确绘制图标。

    【讨论】:

    • 谢谢,修复了 Firefox 和 IE9 中的颜色问题。但是,Safari 和 Android 浏览器仍然只是部分呈现 SVG。知道为什么会这样吗?这是更新后的代码:pastebin.com/9J6bKsvv
    • Chrome 和 Safari 使用相同的渲染引擎 (Webkit),因此它可能会在一些较新的 Safari 中工作。 Safari 的更新频率低于 Chrome,我相信最新的 Safari 需要相当新的 Mac OS。我猜与 Android 相同。
    • 这很糟糕,但它回答了我的问题。我想我现在必须坚持使用 JPEG。还是谢谢。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-08-28
    • 2020-03-18
    • 2012-05-15
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多