SVG带渐变的圆形颜色

Question

我想用svg在下面画一个圆形的彩色图像。我尝试了很多方法，但都没有得到完美的结果。任何人都有解决方案。我应该使用像d3js这样的javascript库吗谢谢

圆圈颜色

Answer 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>