我有一个动态生成的d3.js树。我允许用户在每个节点上拖动并拖动和缩放整个窗格。单击每个节点时,我突出显示节点和连接到该节点的路径。
<filter id="yellow-glow" x="-500" y="-500" width="1000" height="1000" 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>
这是我的滤镜元素。问题在于过滤器标签的属性。如果我给x = -5000,y = -5000,width = 10000,height = 10000,它在chrome中工作正常,但是当过滤器溢出屏幕分辨率时,firefox会隐藏元素。如果我在树大于屏幕尺寸时根据屏幕分辨率给出值,则滤波器在中间断开。
过滤器标签的尺寸应该是多少?