svg过滤器在缩放或拖动时隐藏其他元素

时间:2016-12-30 06:32:09

标签: d3.js svg

我有一个动态生成的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会隐藏元素。如果我在树大于屏幕尺寸时根据屏幕分辨率给出值,则滤波器在中间断开。

过滤器标签的尺寸应该是多少?

0 个答案:

没有答案