You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
76 lines
3.4 KiB
XML
76 lines
3.4 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="600" viewBox="0 0 1200 600">
|
|
<defs>
|
|
<linearGradient id="skyGradient" x1="0%" y1="0%" x2="0%" y2="100%">
|
|
<stop offset="0%" style="stop-color:#87CEEB;stop-opacity:1" />
|
|
<stop offset="100%" style="stop-color:#E0F6FF;stop-opacity:1" />
|
|
</linearGradient>
|
|
<linearGradient id="waterGradient" x1="0%" y1="0%" x2="0%" y2="100%">
|
|
<stop offset="0%" style="stop-color:#4FC3F7;stop-opacity:1" />
|
|
<stop offset="100%" style="stop-color:#0277BD;stop-opacity:1" />
|
|
</linearGradient>
|
|
<linearGradient id="bankGradient" x1="0%" y1="0%" x2="0%" y2="100%">
|
|
<stop offset="0%" style="stop-color:#8BC34A;stop-opacity:1" />
|
|
<stop offset="100%" style="stop-color:#4CAF50;stop-opacity:1" />
|
|
</linearGradient>
|
|
</defs>
|
|
|
|
<!-- 天空背景 -->
|
|
<rect width="1200" height="300" fill="url(#skyGradient)"/>
|
|
|
|
<!-- 远山 -->
|
|
<path d="M0 200 Q200 150 400 180 Q600 120 800 160 Q1000 140 1200 170 L1200 300 L0 300 Z" fill="#9E9E9E" opacity="0.6"/>
|
|
|
|
<!-- 近山 -->
|
|
<path d="M0 220 Q300 180 600 200 Q900 160 1200 190 L1200 300 L0 300 Z" fill="#757575" opacity="0.4"/>
|
|
|
|
<!-- 河岸 -->
|
|
<path d="M0 300 Q200 280 400 300 Q600 320 800 300 Q1000 280 1200 300 L1200 400 Q1000 380 800 400 Q600 420 400 400 Q200 380 0 400 Z" fill="url(#bankGradient)"/>
|
|
|
|
<!-- 河流 -->
|
|
<path d="M0 400 Q200 380 400 400 Q600 420 800 400 Q1000 380 1200 400 L1200 500 Q1000 480 800 500 Q600 520 400 500 Q200 480 0 500 Z" fill="url(#waterGradient)"/>
|
|
|
|
<!-- 河流波纹 -->
|
|
<path d="M0 420 Q100 415 200 420 Q300 425 400 420 Q500 415 600 420 Q700 425 800 420 Q900 415 1000 420 Q1100 425 1200 420" stroke="#81D4FA" stroke-width="2" fill="none" opacity="0.7"/>
|
|
<path d="M0 440 Q150 435 300 440 Q450 445 600 440 Q750 435 900 440 Q1050 445 1200 440" stroke="#81D4FA" stroke-width="1" fill="none" opacity="0.5"/>
|
|
<path d="M0 460 Q120 455 240 460 Q360 465 480 460 Q600 455 720 460 Q840 465 960 460 Q1080 455 1200 460" stroke="#81D4FA" stroke-width="1" fill="none" opacity="0.3"/>
|
|
|
|
<!-- 河岸植被 -->
|
|
<g opacity="0.8">
|
|
<!-- 树木 -->
|
|
<circle cx="100" cy="350" r="15" fill="#4CAF50"/>
|
|
<rect x="97" y="350" width="6" height="20" fill="#8D6E63"/>
|
|
|
|
<circle cx="300" cy="340" r="18" fill="#4CAF50"/>
|
|
<rect x="296" y="340" width="8" height="25" fill="#8D6E63"/>
|
|
|
|
<circle cx="500" cy="355" r="12" fill="#4CAF50"/>
|
|
<rect x="498" y="355" width="4" height="15" fill="#8D6E63"/>
|
|
|
|
<circle cx="700" cy="345" r="20" fill="#4CAF50"/>
|
|
<rect x="696" y="345" width="8" height="28" fill="#8D6E63"/>
|
|
|
|
<circle cx="900" cy="350" r="16" fill="#4CAF50"/>
|
|
<rect x="896" y="350" width="8" height="22" fill="#8D6E63"/>
|
|
|
|
<circle cx="1100" cy="340" r="14" fill="#4CAF50"/>
|
|
<rect x="1097" y="340" width="6" height="18" fill="#8D6E63"/>
|
|
</g>
|
|
|
|
<!-- 云朵 -->
|
|
<g opacity="0.6">
|
|
<circle cx="200" cy="80" r="25" fill="white"/>
|
|
<circle cx="220" cy="75" r="30" fill="white"/>
|
|
<circle cx="240" cy="80" r="20" fill="white"/>
|
|
|
|
<circle cx="600" cy="60" r="20" fill="white"/>
|
|
<circle cx="615" cy="55" r="25" fill="white"/>
|
|
<circle cx="630" cy="60" r="18" fill="white"/>
|
|
|
|
<circle cx="1000" cy="90" r="22" fill="white"/>
|
|
<circle cx="1018" cy="85" r="28" fill="white"/>
|
|
<circle cx="1036" cy="90" r="20" fill="white"/>
|
|
</g>
|
|
|
|
<!-- 河底 -->
|
|
<rect y="500" width="1200" height="100" fill="#795548" opacity="0.3"/>
|
|
</svg> |