170 lines
7.1 KiB
XML
170 lines
7.1 KiB
XML
<svg width="120" height="120" viewBox="0 0 120 120" xmlns="http://www.w3.org/2000/svg">
|
|
<!-- 定义强烈的3D效果和渐变 -->
|
|
<defs>
|
|
<!-- 强烈的3D背景渐变 -->
|
|
<radialGradient id="redBackground" cx="30%" cy="30%" r="80%">
|
|
<stop offset="0%" style="stop-color:#ff8888;stop-opacity:1" />
|
|
<stop offset="40%" style="stop-color:#ff4444;stop-opacity:1" />
|
|
<stop offset="80%" style="stop-color:#cc0000;stop-opacity:1" />
|
|
<stop offset="100%" style="stop-color:#880000;stop-opacity:1" />
|
|
</radialGradient>
|
|
|
|
<!-- 内圆3D效果 -->
|
|
<radialGradient id="innerCircle" cx="25%" cy="25%" r="75%">
|
|
<stop offset="0%" style="stop-color:#ffffff;stop-opacity:0.9" />
|
|
<stop offset="30%" style="stop-color:#ffcccc;stop-opacity:0.7" />
|
|
<stop offset="70%" style="stop-color:#ff9999;stop-opacity:0.5" />
|
|
<stop offset="100%" style="stop-color:#ff6666;stop-opacity:0.3" />
|
|
</radialGradient>
|
|
|
|
<!-- 线条渐变效果 -->
|
|
<linearGradient id="lineGradient" x1="0%" y1="0%" x2="100%" y2="100%">
|
|
<stop offset="0%" style="stop-color:#ffffff;stop-opacity:1" />
|
|
<stop offset="50%" style="stop-color:#cccccc;stop-opacity:1" />
|
|
<stop offset="100%" style="stop-color:#888888;stop-opacity:1" />
|
|
</linearGradient>
|
|
|
|
<!-- 强烈外阴影 -->
|
|
<filter id="strongShadow" x="-50%" y="-50%" width="200%" height="200%">
|
|
<feDropShadow dx="5" dy="5" stdDeviation="4" flood-color="#000000" flood-opacity="0.6"/>
|
|
<feDropShadow dx="2" dy="2" stdDeviation="2" flood-color="#660000" flood-opacity="0.4"/>
|
|
</filter>
|
|
|
|
<!-- 内发光效果 -->
|
|
<filter id="innerGlow" x="-50%" y="-50%" width="200%" height="200%">
|
|
<feGaussianBlur stdDeviation="2" result="coloredBlur"/>
|
|
<feMerge>
|
|
<feMergeNode in="coloredBlur"/>
|
|
<feMergeNode in="SourceGraphic"/>
|
|
</feMerge>
|
|
</filter>
|
|
|
|
<!-- 线条发光效果 -->
|
|
<filter id="lineGlow" x="-50%" y="-50%" width="200%" height="200%">
|
|
<feGaussianBlur stdDeviation="1" result="coloredBlur"/>
|
|
<feMerge>
|
|
<feMergeNode in="coloredBlur"/>
|
|
<feMergeNode in="SourceGraphic"/>
|
|
</feMerge>
|
|
</filter>
|
|
|
|
<!-- 3D凸起效果 -->
|
|
<filter id="emboss" x="-50%" y="-50%" width="200%" height="200%">
|
|
<feConvolveMatrix order="3" kernelMatrix="
|
|
-2 -1 0
|
|
-1 1 1
|
|
0 1 2" result="emboss"/>
|
|
<feOffset dx="1" dy="1" result="offset"/>
|
|
<feFlood flood-color="#ffffff" flood-opacity="0.5"/>
|
|
<feComposite in2="offset" operator="in" result="emboss2"/>
|
|
<feMerge>
|
|
<feMergeNode in="emboss2"/>
|
|
<feMergeNode in="SourceGraphic"/>
|
|
</feMerge>
|
|
</filter>
|
|
|
|
<!-- 圆形裁剪 -->
|
|
<clipPath id="circleClip">
|
|
<circle cx="60" cy="60" r="48"/>
|
|
</clipPath>
|
|
</defs>
|
|
|
|
<!-- 最外层阴影圆 -->
|
|
<circle cx="63" cy="63" r="57" fill="#000000" opacity="0.3"/>
|
|
|
|
<!-- 主背景圆 - 强烈3D效果 -->
|
|
<circle cx="60" cy="60" r="55" fill="url(#redBackground)" filter="url(#strongShadow)"/>
|
|
|
|
<!-- 内圆 - 3D凹陷效果 -->
|
|
<circle cx="60" cy="60" r="48" fill="url(#innerCircle)" stroke="url(#lineGradient)" stroke-width="2" filter="url(#emboss)"/>
|
|
|
|
<!-- 二维码线条部分 -->
|
|
<g clip-path="url(#circleClip)" filter="url(#lineGlow)">
|
|
|
|
<!-- 左上角定位符 - 线条版本 -->
|
|
<g stroke="url(#lineGradient)" stroke-width="2.5" fill="none">
|
|
<circle cx="35" cy="35" r="12" opacity="0.9"/>
|
|
<circle cx="35" cy="35" r="8" opacity="0.8"/>
|
|
<circle cx="35" cy="35" r="4" opacity="0.7"/>
|
|
<circle cx="35" cy="35" r="1" fill="url(#lineGradient)" opacity="0.9"/>
|
|
</g>
|
|
|
|
<!-- 右上角定位符 - 线条版本 -->
|
|
<g stroke="url(#lineGradient)" stroke-width="2.5" fill="none">
|
|
<circle cx="85" cy="35" r="12" opacity="0.9"/>
|
|
<circle cx="85" cy="35" r="8" opacity="0.8"/>
|
|
<circle cx="85" cy="35" r="4" opacity="0.7"/>
|
|
<circle cx="85" cy="35" r="1" fill="url(#lineGradient)" opacity="0.9"/>
|
|
</g>
|
|
|
|
<!-- 左下角定位符 - 线条版本 -->
|
|
<g stroke="url(#lineGradient)" stroke-width="2.5" fill="none">
|
|
<circle cx="35" cy="85" r="12" opacity="0.9"/>
|
|
<circle cx="35" cy="85" r="8" opacity="0.8"/>
|
|
<circle cx="35" cy="85" r="4" opacity="0.7"/>
|
|
<circle cx="35" cy="85" r="1" fill="url(#lineGradient)" opacity="0.9"/>
|
|
</g>
|
|
|
|
<!-- 数据线条 - 环形分布 -->
|
|
<g stroke="url(#lineGradient)" stroke-width="2" fill="none" opacity="0.8">
|
|
<!-- 主要数据线条 -->
|
|
<path d="M 25,60 Q 35,35 60,25" stroke-width="1.5"/>
|
|
<path d="M 60,25 Q 85,35 95,60" stroke-width="1.5"/>
|
|
<path d="M 95,60 Q 85,85 60,95" stroke-width="1.5"/>
|
|
<path d="M 60,95 Q 35,85 25,60" stroke-width="1.5"/>
|
|
|
|
<!-- 交叉线条 -->
|
|
<path d="M 42,42 L 78,78" stroke-width="1"/>
|
|
<path d="M 78,42 L 42,78" stroke-width="1"/>
|
|
|
|
<!-- 环形线条 -->
|
|
<circle cx="60" cy="60" r="20" stroke-width="1" opacity="0.6"/>
|
|
<circle cx="60" cy="60" r="30" stroke-width="1" opacity="0.5"/>
|
|
<circle cx="60" cy="60" r="40" stroke-width="1" opacity="0.4"/>
|
|
</g>
|
|
|
|
<!-- 数据点线条 -->
|
|
<g stroke="url(#lineGradient)" stroke-width="1.5" fill="none" opacity="0.7">
|
|
<!-- 径向线条 -->
|
|
<line x1="60" y1="30" x2="60" y2="20" stroke-width="2"/>
|
|
<line x1="90" y1="60" x2="100" y2="60" stroke-width="2"/>
|
|
<line x1="60" y1="90" x2="60" y2="100" stroke-width="2"/>
|
|
<line x1="30" y1="60" x2="20" y2="60" stroke-width="2"/>
|
|
|
|
<!-- 对角线条 -->
|
|
<line x1="77" y1="43" x2="85" y2="35" stroke-width="1.5"/>
|
|
<line x1="77" y1="77" x2="85" y2="85" stroke-width="1.5"/>
|
|
<line x1="43" y1="77" x2="35" y2="85" stroke-width="1.5"/>
|
|
<line x1="43" y1="43" x2="35" y2="35" stroke-width="1.5"/>
|
|
|
|
<!-- 短线条装饰 -->
|
|
<line x1="50" y1="35" x2="55" y2="30"/>
|
|
<line x1="70" y1="35" x2="65" y2="30"/>
|
|
<line x1="85" y1="50" x2="90" y2="55"/>
|
|
<line x1="85" y1="70" x2="90" y2="65"/>
|
|
<line x1="70" y1="85" x2="65" y2="90"/>
|
|
<line x1="50" y1="85" x2="55" y2="90"/>
|
|
<line x1="35" y1="70" x2="30" y2="65"/>
|
|
<line x1="35" y1="50" x2="30" y2="55"/>
|
|
</g>
|
|
|
|
<!-- 中心对齐标记 - 线条版本 -->
|
|
<g stroke="url(#lineGradient)" stroke-width="2" fill="none" filter="url(#innerGlow)">
|
|
<circle cx="60" cy="60" r="6" opacity="0.9"/>
|
|
<circle cx="60" cy="60" r="3" opacity="0.8"/>
|
|
<circle cx="60" cy="60" r="1" fill="url(#lineGradient)" opacity="1"/>
|
|
<!-- 十字标记 -->
|
|
<line x1="54" y1="60" x2="66" y2="60" stroke-width="1"/>
|
|
<line x1="60" y1="54" x2="60" y2="66" stroke-width="1"/>
|
|
</g>
|
|
</g>
|
|
|
|
<!-- 强烈高光效果 -->
|
|
<ellipse cx="42" cy="35" rx="20" ry="6" fill="rgba(255,255,255,0.7)" transform="rotate(-35 42 35)" filter="url(#innerGlow)"/>
|
|
<ellipse cx="35" cy="42" rx="6" ry="20" fill="rgba(255,255,255,0.4)" transform="rotate(-35 35 42)"/>
|
|
|
|
<!-- 边缘高光 -->
|
|
<circle cx="60" cy="60" r="54" stroke="rgba(255,255,255,0.3)" stroke-width="1" fill="none"/>
|
|
<circle cx="60" cy="60" r="47" stroke="rgba(255,255,255,0.2)" stroke-width="1" fill="none"/>
|
|
</svg>
|