svgxuse

> 编程语言

开源

一个简单的补丁,在浏览器自身无法获取使用元素中引用的外部 SVG 时进行获取。演示: https://icomoon.io/svgxuse-demo/

736 stars0 点赞1 次浏览

访问官网 GitHub

工具介绍

一个简单的补丁,在浏览器自身无法获取使用元素中引用的外部 SVG 时进行获取。演示: https://icomoon.io/svgxuse-demo/

svgxuse

一个简单的补丁,在浏览器自身无法获取 `` 元素中引用的外部 SVG 时进行获取。带外部引用的示例:

xml

在上述示例中,IE(9、10、11)无法加载 symbol-defs.svg。svgxuse 会遍历每个 元素。如果该元素引用了外部 SVG,而浏览器未能加载它,则脚本会发送一个 GET 请求,以获取 SVG 并将其插入到 前面。在 IE 或其他浏览器中 尝试此演示 以查看此 polyfill 在实际应用中的工作原理。

特性

不进行浏览器嗅探

此 polyfill 依赖于功能检测。因此，它会检测并尝试解决任何浏览器可能无法加载链接的 SVG 的问题。例如，跨域链接到外部 SVG 可能会出现以下错误：尝试从具有 URL Y 的框架加载 URL X 失败。域名、协议和端口必须匹配。使用 svgxuse，只要它使用正确的 CORS 头来提供，您的 SVG 仍然会加载。