SVG <img> 可以支持参数字符串吗？答案

【问题标题】：Can SVG <img> support Parameter strings?SVG <img> 可以支持参数字符串吗？
【发布时间】：2016-01-11 11:58:53
【问题描述】：

我最近一直在我的代码中使用 SVG 资产，并且我没有回头。编辑质量和易于编辑对我来说是一个重要因素。

我的问题是我想让颜色动态插入填充标签。

所以

Nike.svg?color=fff 
Nike.svg?color=000

不必打开 SVG，编辑填充标签，然后制作 NikeWhite.svg 和 NikeBlack.svg

显然，这 (http://www.schepers.cc/w3c/svg/params/ref.html) 有效，但它仅适用于 <object> 标记，我需要它支持 <img> 而无需 JavaScript。

【问题讨论】：

我觉得没有js是不行的，你不能从<img>标签运行js，也不能通过js btw访问它的内容。
你必须有内联 svg，然后给它们不同的类来创建一个黑白 svg。
内联 SVG 将为您提供更多选项来通过页面样式表格式化其内容（请参阅 css-tricks.com/using-svg）除此之外，我认为您可以在没有任何脚本的情况下使用 URL 哈希(Nike.svg#foo)，然后通过直接嵌入到 SVG 中的样式表，根据当前是否针对 SVG 中 id 为 foo 的元素（:target 伪类）来格式化元素。跨度>

【解决方案1】：

简短的回答是否定的。 SVG 不支持这样的参数。

您链接到的那个文档只是 Doug Schepers 的提议。它尚未被接受，也未被任何浏览器实现。

【讨论】：