56 lines
2.6 KiB
XML
56 lines
2.6 KiB
XML
|
<svg width="512" height="512" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
|
||
|
|
<defs>
|
||
|
|
<radialGradient id="heightGradient1" cx="20%" cy="30%" r="25%">
|
||
|
|
<stop offset="0%" style="stop-color:#ffffff;stop-opacity:1" />
|
||
|
|
<stop offset="50%" style="stop-color:#cccccc;stop-opacity:0.8" />
|
||
|
|
<stop offset="100%" style="stop-color:#888888;stop-opacity:0.6" />
|
||
|
|
</radialGradient>
|
||
|
|
<radialGradient id="heightGradient2" cx="70%" cy="20%" r="20%">
|
||
|
|
<stop offset="0%" style="stop-color:#ffffff;stop-opacity:0.9" />
|
||
|
|
<stop offset="50%" style="stop-color:#bbbbbb;stop-opacity:0.7" />
|
||
|
|
<stop offset="100%" style="stop-color:#777777;stop-opacity:0.5" />
|
||
|
|
</radialGradient>
|
||
|
|
<radialGradient id="heightGradient3" cx="30%" cy="80%" r="30%">
|
||
|
|
<stop offset="0%" style="stop-color:#eeeeee;stop-opacity:0.8" />
|
||
|
|
<stop offset="50%" style="stop-color:#aaaaaa;stop-opacity:0.6" />
|
||
|
|
<stop offset="100%" style="stop-color:#666666;stop-opacity:0.4" />
|
||
|
|
</radialGradient>
|
||
|
|
<radialGradient id="heightGradient4" cx="80%" cy="70%" r="15%">
|
||
|
|
<stop offset="0%" style="stop-color:#dddddd;stop-opacity:0.7" />
|
||
|
|
<stop offset="50%" style="stop-color:#999999;stop-opacity:0.5" />
|
||
|
|
<stop offset="100%" style="stop-color:#555555;stop-opacity:0.3" />
|
||
|
|
</radialGradient>
|
||
|
|
<filter id="noise">
|
||
|
|
<feTurbulence baseFrequency="0.02" numOctaves="4" result="noise"/>
|
||
|
|
<feColorMatrix in="noise" type="saturate" values="0"/>
|
||
|
|
<feComponentTransfer>
|
||
|
|
<feFuncA type="discrete" tableValues="0.1 0.2 0.3 0.4 0.5 0.6 0.7 0.8 0.9 1"/>
|
||
|
|
</feComponentTransfer>
|
||
|
|
<feComposite operator="multiply" in2="SourceGraphic"/>
|
||
|
|
</filter>
|
||
|
|
</defs>
|
||
|
|
|
||
|
|
<!-- 基础地形 -->
|
||
|
|
<rect width="512" height="512" fill="#333333"/>
|
||
|
|
|
||
|
|
<!-- 高度区域1 -->
|
||
|
|
<ellipse cx="100" cy="150" rx="120" ry="80" fill="url(#heightGradient1)" opacity="0.8"/>
|
||
|
|
|
||
|
|
<!-- 高度区域2 -->
|
||
|
|
<ellipse cx="360" cy="100" rx="100" ry="60" fill="url(#heightGradient2)" opacity="0.7"/>
|
||
|
|
|
||
|
|
<!-- 高度区域3 -->
|
||
|
|
<ellipse cx="150" cy="400" rx="150" ry="100" fill="url(#heightGradient3)" opacity="0.6"/>
|
||
|
|
|
||
|
|
<!-- 高度区域4 -->
|
||
|
|
<ellipse cx="400" cy="350" rx="80" ry="50" fill="url(#heightGradient4)" opacity="0.5"/>
|
||
|
|
|
||
|
|
<!-- 添加噪声纹理 -->
|
||
|
|
<rect width="512" height="512" fill="#666666" opacity="0.3" filter="url(#noise)"/>
|
||
|
|
|
||
|
|
<!-- 细节高度点 -->
|
||
|
|
<circle cx="200" cy="200" r="20" fill="#aaaaaa" opacity="0.4"/>
|
||
|
|
<circle cx="300" cy="250" r="15" fill="#bbbbbb" opacity="0.3"/>
|
||
|
|
<circle cx="120" cy="300" r="25" fill="#999999" opacity="0.5"/>
|
||
|
|
<circle cx="450" cy="180" r="18" fill="#cccccc" opacity="0.4"/>
|
||
|
|
</svg>
|