Files
datav---Cattle-Industry/public/texture/标注光圈.svg

26 lines
1.2 KiB
XML

<svg width="128" height="128" viewBox="0 0 128 128" xmlns="http://www.w3.org/2000/svg">
<defs>
<radialGradient id="haloGradient" cx="50%" cy="50%" r="50%">
<stop offset="0%" style="stop-color:#00ffff;stop-opacity:0" />
<stop offset="30%" style="stop-color:#00ffff;stop-opacity:0.2" />
<stop offset="60%" style="stop-color:#00ffff;stop-opacity:0.8" />
<stop offset="80%" style="stop-color:#0088ff;stop-opacity:0.6" />
<stop offset="100%" style="stop-color:#004488;stop-opacity:0" />
</radialGradient>
<filter id="blur">
<feGaussianBlur stdDeviation="2" result="coloredBlur"/>
</filter>
</defs>
<!-- 外圈光晕 -->
<circle cx="64" cy="64" r="60" fill="none" stroke="url(#haloGradient)" stroke-width="8" opacity="0.4" filter="url(#blur)"/>
<!-- 中圈光晕 -->
<circle cx="64" cy="64" r="45" fill="none" stroke="url(#haloGradient)" stroke-width="6" opacity="0.6" filter="url(#blur)"/>
<!-- 内圈光晕 -->
<circle cx="64" cy="64" r="30" fill="none" stroke="url(#haloGradient)" stroke-width="4" opacity="0.8" filter="url(#blur)"/>
<!-- 主体光圈 -->
<circle cx="64" cy="64" r="50" fill="url(#haloGradient)" opacity="0.3"/>
</svg>