使用d3.js在svg中创建带有模糊笔划的rect

Question

如何使用d3.js在rect中创建模糊笔画的svg？

或者至少是一个普通的svg标记。

我无法找到问题的这样一个例子或解决方案。如果您告诉我它是重复的并提供类似的问题，我很乐意删除这个。但我很确定它不是重复的。

Answer 1

您可能希望查看此文章"Adding a subtle touch of glow to your d3.js visualizations"

如果您想手动执行此操作，可以使用feGaussianBlur过滤器，此处有更多信息：feGaussianBlur

来自Mozilla开发者：

＆＃13;

＆＃13;

<svg width="230" height="120"
 xmlns="http://www.w3.org/2000/svg"
 xmlns:xlink="http://www.w3.org/1999/xlink">

  <filter id="blurMe">
    <feGaussianBlur in="SourceGraphic" stdDeviation="5" />
  </filter>

  <circle cx="60"  cy="60" r="50" fill="green" />

  <circle cx="170" cy="60" r="50" fill="green"
          filter="url(#blurMe)" />
</svg>

＆＃13;

＆＃13;

＆＃13;