SVG:在<use>元素上有效应用内联filter =“ url(....)”吗?

时间:2018-07-06 12:00:01

标签: html svg-filters

我目前正在使用SVG的嵌入式系统,其定义位于文档顶部,然后按如下所示显示图标:

<svg>
  <use href="#icon" filter="url(#myFilter)"></use>
</svg>

但是,要在Internet Explorer 10-11中启用使用过滤器(例如下拉阴影),我目前正在将内联filter="url(....)"应用于<use>元素-它的作用是吸引人远。

但是我不太确定这是否有效?

显然使用此方法将内联filter="url(...)"应用于<svg>元素没有在IE10-11中正确应用了过滤器。

在IE10 +中不起作用的代码

<svg filter="url(#myFilter)">
  <use href="#icon"></use>
</svg>

0 个答案:

没有答案