console
<!-- <svg width=500px height=500px>
<defs>
<filter id="mohu" >
<feGaussianBlur stdDeviation="5"/>
</filter>
<filter id="f1" x="0" y="0" width="200%" height="200%">
<feOffset result="offOut" in="SourceGraphic" dx="20" dy="20" />
<feBlend in="SourceGraphic" in2="offOut" mode="normal" />
</filter>
<filter id="f2" x="0" y="0" width="200%" height="200%">
<feOffset result="offOut" in="SourceGraphic" dx="20" dy="20" />
<feGaussianBlur result="blurOut" in="offOut" stdDeviation="10" />
<feBlend in="SourceGraphic" in2="blurOut" mode="normal" />
</filter>
</defs>
<circle cx="100px" cy="100px" r="50px" fill="gold" filter="url(#f2)"/>
</svg> -->
<svg width="500" height="500">
<defs>
<linearGradient id="zuoyou" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" style="stop-color:red"/>
<stop offset="16%" style="stop-color:orange"/>
<stop offset="32%" style="stop-color:yellow"/>
<stop offset="48%" style="stop-color:green"/>
<stop offset="64%" style="stop-color:#40FF40"/>
<stop offset="80%" style="stop-color:blue"/>
<stop offset="100%" style="stop-color:purple"/>
</linearGradient>
<radialGradient id="yuan" cx="50%" cy="50%" r="50%" fx="50%" fy="50%">
<stop offset="0%" style="stop-color:purple"/>
<stop offset="16%" style="stop-color:blue"/>
<stop offset="32%" style="stop-color:#40FF40"/>
<stop offset="48%" style="stop-color:green"/>
<stop offset="64%" style="stop-color:yellow"/>
<stop offset="80%" style="stop-color:orange"/>
<stop offset="100%" style="stop-color:red"/>
</radialGradient>
</defs>
<ellipse cx="200" cy="100" rx="100" ry="50" fill="url(#yuan)"/>
</svg>