Question

使用过滤器时，在Internet Explorer 11中使用SVG / Image时遇到大量闪烁。图像是透明的PNG。

HTML：

<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
   <defs>
        <filter id="parent_t1">
          <feGaussianBlur id="parent_fe_1" stdDeviation="0" />
        </filter>
   </defs>
   <image filter="url('#parent_t1')" x="0" y="0" width="273px" height="600px" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="images/test.png" />
</svg>

过滤器URL部分将按如下方式注入HTML：

filter="url(&quot;'#parent_t1&quot;)"

SVG在Javascript中注入HTML页面。我假设IE11因使用#parent_t1哈希连续调用相同的URL而闪烁。在我的页面中，我有各种各样的元素，只有当我滚动到SVG星星出现在页面中的区域时才会发生。当我删除过滤器属性的url属性时，闪烁消失了。这就是为什么我认为在IE11调用的场景背后，每次重复SVG重复调用页面。

我正在使用最新的jQuery库。此外，这种奇怪的行为在其他浏览器中不会发生。没有在旧的IE版本中测试它。

这是一个jsFiddle - 在IE11上运行它：

http://jsfiddle.net/DeCbx/3/

知道如何解决这个问题吗？ - 谢谢。

SVG在IE11中闪烁

0 个答案: