您可以在一个过滤器中完成这一切。计算投影后,您可以返回源图形,创建高光并将源上的高光和投影结合起来。这是经过编辑以添加高光的投影滤镜。
var filter = defs.append("filter")
.attr("id","drop-shadow");
filter.append("feGaussianBlur")
.attr("in","SourceAlpha")
.attr("stdDeviation",3)
.attr("result","blur");
filter.append("feOffset")
.attr("in","blur")
.attr("dx",3)
.attr("dy",3)
.attr("result","offsetBlur");
filter.append("feOffset")
.attr("in", "SourceGraphic")
.attr("dx",3)
.attr("dy",3)
.attr("result","plainOffset");
filter.append("feComposite")
.attr("operator","out")
.attr("in","SourceGraphic")
.attr("in2","plainOffset")
.attr("result","preHighlight");
filter.append("feColorMatrix")
.attr("type","matrix")
.attr("values","0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0")
.attr("result","preHighlightWhite");
filter.append("feGaussianBlur")
.attr("stdDeviation",3)
.attr("result","preHighlightBlur");
filter.append("feComposite")
.attr("operator","in")
.attr("in2","SourceGraphic")
.attr("result","Highlight");
filter.append("feComposite")
.attr("operator","over")
.attr("in2","SourceGraphic")
.attr("result","final");
filter.append("feComposite")
.attr("operator","over")
.attr("in2","offsetBlur")
.attr("result","finalWithDrop");