Javascript 胶粘的圆圈，对比不起作用。

我想把三个粘糊糊的圆圈变成一个面具。我可以使圆圈模糊，问题是当我尝试使用对比度时，什么都不会发生。我尝试过使用CSS和内联过滤器，但我无法获得将模糊的圆变成斑点的对比度。对比只是把它们变成平面圆

路径{
填充：无；
中风：无；
笔划宽度：无；
}
svg{
/*过滤器：对比度（10）*/
}
.包装纸{
背景：透明；
边框：1px实心#AAA；
宽度：100%；
高度：100vh；
位置：绝对位置；
z指数：1000；
}
#剪辑{
过滤器：对比度（10）；
}
圈{
位置：相对位置；
z指数：20000；
填充物：白色；
中风：无；
笔画宽度：3px；
}
.集装箱{
宽度：100%；
高度：自动；
位置：相对位置；
}
图像{
位置：相对位置；
z指数：000；
宽度：100%；
高度：自动；
剪辑路径：url（#剪辑）；
}
var w=0，h=0，纵横比=w/h；
var数据集1=[]；
对于（变量i=0；i<3；i++）{
var x=数学地板（（数学随机（）*600-500）+600）；
变量y=数学地板（（数学随机（）*600-500）+600）；
dataset1.push({
“x”：x，
“y”：y
});
};
var数据集2=[]；
对于（变量i=0；i<4；i++）{
var x=数学地板（（数学随机（）*600-500）+600）；
变量y=数学地板（（数学随机（）*600-500）+600）；
dataset2.push({
“x”：x，
“y”：y
});
};
var数据集3=[]；
对于（变量i=0；i<3；i++）{
var x=数学地板（（数学随机（）*600-500）+600）；
变量y=数学地板（（数学随机（）*600-500）+600）；
dataset3.push({
“x”：x，
“y”：y
});
};
var lineFunction=d3.svg.line（）
.x（功能（d）{
返回d.x；
})
.y（功能（d）{
返回d.y；
})
.插入（“基数闭合”）
.张力（0）；
var svg=d3.选择（“.wrapper”）
.append（“svg”）
.attr（“视图框”、“0 0 1000”）；
var group1=svg
.append（“defs”）
;
变量掩码=组1
.append（“svg:mask”）
.attr（“id”、“clip”）；
var path1=svg.append（“路径”）
.基准面（数据集1）
.attr（“d”，lineFunction）
.attr（“笔划”、“黑色”）
.attr（“笔划宽度”，3）
.attr（“填充”、“无”）；
var circle1=mask.append（“圆”）
.attr（“r”，120）
.attr（“转换”、“转换”（+0]+））；
var path2=svg.append（“路径”）
.基准（数据集2）
.attr（“d”，lineFunction）
.attr（“笔划”、“黑色”）
.attr（“笔划宽度”，3）
.attr（“填充”、“无”）；
var circle2=掩码。追加（“圆”）
.attr（“r”，70）
.attr（“转换”、“转换”（+0]+））；
var path3=svg.append（“路径”）
.基准面（数据集3）
.attr（“d”，lineFunction）
.attr（“笔划”、“黑色”）
.attr（“笔划宽度”，3）
.attr（“填充”、“无”）
;
var circle3=掩码。追加（“圆”）
.attr（“r”，90）
.attr（“转换”、“转换”（+0]+））；
过渡（）；
函数转换（）{
圆圈1.过渡（）
.持续时间（10000）
.attrween（“转换”，translateLong（path1.node（））
.每个（“结束”，过渡）；
}
转换2（）；
函数转换2（）{
圆圈2.过渡（）
.持续时间（10000）
.attrween（“转换”，translateLong（path2.node（））
.每个（“结束”，过渡2）；
}
转换3（）；
函数转换3（）{
圆圈3.过渡（）
.持续时间（10000）
.attrween（“转换”，translateLong（path3.node（））
.每个（“结束”，过渡3）；
}
函数translateLong（路径）{
var l=path.getTotalLength（）；
返回函数（d，i，a）{
返回函数（t）{
var p=path.getPointAtLength（t*l）；
返回“translate”（“+p.x+”，“+p.y+”）；
};
};
}
函数translateLong（路径）{
var l=path.getTotalLength（）；
返回函数（d，i，a）{
返回函数（t）{
var p=path.getPointAtLength（t*l）；
返回“translate”（“+p.x+”，“+p.y+”）；
};
};
}
变量模糊=d3
.selectAll（“圆圈”）
.attr（“r”、“200”）
.attr（'filter'、'url（#filter'））
.attr（'id'，'circle'））
;