svg过滤器在缩放后无法在mozilla firefox中工作

Question

我有一个动态d3.js树，我在点击时将光晕滤镜应用于元素。当我缩放树并单击任何节点时，元素将被隐藏而不是突出显示。这只发生在Firefox中。在chrome中，它工作正常。

<filter id="yellow-glow" x="-5000" y="-5000" width="10000" height="10000" filterUnits="userSpaceOnUse">
  <feFlood result="flood" flood-color="yellow" flodd-opacity="1"/>  
  <feComposite in="flood" result="mask" in2="SourceGraphic" operator="in"/>
  <feMorphology in="mask" result="dilated" operator="dilate" radius="2"/>
  <feGaussianBlur in="dilated" result="blurred" stdDeviation="5"/>
  <feMerge><feMergeNode in="blurred"/>
  <feMergeNode in="SourceGraphic"/></feMerge>

以下是working demo

Answer 1

当您减小滤镜的尺寸

时，它可以正常工作

<filter id="yellow-glow" x="-500" y="-500" width="1000" height="1000"

我想Firefox的SVG渲染器中出现了一些问题。您可能想向Mozilla提交错误。