svg过滤器在变焦后不能在mozilla firefox中工作

Question

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

<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提交错误。