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提交錯誤。