【发布时间】:2017-10-10 21:48:10
【问题描述】:
我在 Edge 中遇到了奇怪的行为,它没有调用 同一文档 中定义的 <paths>。虽然这只发生在我的应用程序中,但不会发生在样式指南中。另外,我不认为这是 Edge 问题,因为基于 from microsoft docs 他们支持 xlink:href 属性。
样式指南(在 Edge 中查看)
从这里你可以看到 svg 图标渲染得很好,尽管在控制台(DOM Explorer)中 <use> 元素被使用并通过 ID 而不是外部 svg 资源引用到每个路径。小提琴:https://jsfiddle.net/kfL7tbcf/
网络应用(缺少 svg) 在网络应用程序中,当我尝试使用 SVG 时,它没有得到元素的引用。小提琴:https://jsfiddle.net/kfL7tbcf/
Web 应用程序(没有 <use> 元素的 svg)
没有<use> 元素,SVG 显示正常。 小提琴:https://jsfiddle.net/9uuLr9gd/
任何想法和帮助将不胜感激。谢谢!
【问题讨论】:
-
请发布代码,而不是代码图像。 IE。我们在这里需要minimal reproducible example。
-
@RobertLongson 抱歉,我只是认为如果我添加指向特定元素的图像代码会很有意义,但我已经为每个元素添加了一个小提琴。谢谢顺便说一句
-
你的第一把和第二把小提琴是一样的。这在 Edge 中显示得很好
-
@Alexander 是的,我也可以复制它,它似乎在 Edge 中显示得很好,但是当它在我们的 web 应用程序中呈现时,它不喜欢它。你认为这会是服务器问题吗?
-
首先,尝试添加 xlink 命名空间定义(见我的回答)。如果解决方案对您没有帮助,请显示实际代码 sn-p(不是图片!)
标签: html svg microsoft-edge