Microsoft Edge 中的 SVG 渲染答案

【问题标题】：SVG rendering in Microsoft EdgeMicrosoft Edge 中的 SVG 渲染
【发布时间】：2015-07-30 14:09:04
【问题描述】：

我正在使用<svg> 标签使用<use> 节点在我的html 页面中复制图像。但这些不在 Microsoft Edge 中呈现。有解决方法吗？谢谢。

【问题讨论】：

你能分享一个代码sn-p吗？我刚刚尝试在此 JSBin 示例中重新创建问题，但我能够重复图像元素。 jsbin.com/cazasi/edit?html,output
我在行中使用了一些东西
我在<svg class="icon"> <use xlink:href="images/svg/svgname.svg#icon-id"></use> </svg>的行中使用了一些东西，并且svg文件有多个由<symbol id="icon-id">区分的图像，下面是路径。喜欢<symbol id="icon-id"> <path ...../> </symbol>

【解决方案1】：

您需要使用 svg4everybody 之类的东西才能使其正常工作。旧版本的脚本没有正确的 UA 字符串，但最新版本现在应该可以正确定位 Edge。

升级到 Windows 10 并更新脚本后我自己注意到了这一点。更新前 IE 9-11 运行良好，但 Edge 无法正常运行，因为 UA 未包含在检查中。 npm 版本也刚刚更新，因此您也可以从那里获取它。

【讨论】：