带有渐变的SVG圆形颜色[关闭]

【问题标题】：SVG Circle color with gradient [closed]带有渐变的SVG圆形颜色[关闭]
【发布时间】：2020-06-24 03:46:36
【问题描述】：

我想使用 svg 来绘制如下图所示的圆形颜色。我尝试了很多方法，但没有完美的结果。任何人都有解决方案。我应该使用像 d3js 这样的 javascript 库吗谢谢

【问题讨论】：

你的代码在哪里？

标签： javascript animation d3.js svg radial-gradients

【解决方案1】：

这样的？

svg {
  background-color: black;
}

<svg width="400" height="400">
  <defs>
    <filter id="blur">
      <feGaussianBlur stdDeviation="7"/>
    </filter>
  </defs>
  <g filter="url(#blur)">
    <circle cx="200" cy="210" r="170" fill="#f00"/>
    <circle cx="180" cy="180" r="150" fill="#00f"/>
    <circle cx="170" cy="210" r="140" fill="#f0f"/>
    <circle cx="240" cy="220" r="130" fill="#00f"/>
    <circle cx="240" cy="180" r="130" fill="#0ff"/>
    <circle cx="240" cy="240" r="120" fill="#ff0"/>

    <circle cx="200" cy="200" r="150" fill="#fff"/>
  </g>
</svg>

【讨论】：