Javascript 使用d3.js在svg中创建笔划模糊的矩形

如何使用d3.js在

svg

中创建笔划模糊的

rect

或者至少是一个普通的

svg

标记

---

我找不到这样的例子或解决问题的办法。如果你能告诉我这是一个重复的问题，并提供一个类似的问题，我将很乐意删除这一个。但我很确定这不是一篇重复的文章。

你可能想看看这篇文章

如果要手动执行此操作，可以使用feGaussianBlur过滤器，更多信息请参见：

来自Mozilla开发者：

在笔划上设置高斯模糊过滤器。但是实现有什么问题吗？我和你一样，仍然看不到一个长方形。实际上，我在下面所做的是：创建了一个模糊版本的

GraphicAlpha

，使其比原始元素大

10%

，然后将其添加，并将原始元素放在其上方，因此我希望看到每一侧的阴影位置相等（上边框、右边框、下边框和左边框各占5%）。您的d3代码不会呈现（即使没有过滤器）-请首先在html中修复此问题，您的主

“id”属性以“#”开头--尝试删除它