lt
90 lines
3.9 KiB
XML
90 lines
3.9 KiB
XML
<svg width="1200" height="675" viewBox="0 0 1200 675" xmlns="http://www.w3.org/2000/svg">
|
|
<!-- 背景：夕阳渐变天空 -->
|
|
<defs>
|
|
<linearGradient id="skyGradient" x1="0%" y1="0%" x2="0%" y2="100%">
|
|
<stop offset="0%" style="stop-color:#FF8C00;stop-opacity:1" />
|
|
<stop offset="50%" style="stop-color:#FFA500;stop-opacity:1" />
|
|
<stop offset="100%" style="stop-color:#FFD700;stop-opacity:1" />
|
|
</linearGradient>
|
|
<linearGradient id="sunGlow" cx="50%" cy="40%" r="50%">
|
|
<stop offset="0%" style="stop-color:#FFFFFF;stop-opacity:0.8" />
|
|
<stop offset="100%" style="stop-color:#FF8C00;stop-opacity:0" />
|
|
</linearGradient>
|
|
</defs>
|
|
<rect width="1200" height="675" fill="url(#skyGradient)"/>
|
|
|
|
<!-- 太阳光晕 -->
|
|
<circle cx="600" cy="270" r="180" fill="url(#sunGlow)" />
|
|
<!-- 太阳本体 -->
|
|
<circle cx="600" cy="270" r="80" fill="#FFD700" />
|
|
|
|
<!-- 远山剪影 -->
|
|
<path d="M0 450 Q300 350 600 380 T1200 420 L1200 675 L0 675 Z" fill="#2F4F4F" opacity="0.6"/>
|
|
|
|
<!-- 阳台栏杆 -->
|
|
<rect x="0" y="520" width="1200" height="20" fill="#8B4513"/>
|
|
<rect x="50" y="500" width="30" height="40" fill="#A0522D"/>
|
|
<rect x="200" y="500" width="30" height="40" fill="#A0522D"/>
|
|
<rect x="350" y="500" width="30" height="40" fill="#A0522D"/>
|
|
<rect x="500" y="500" width="30" height="40" fill="#A0522D"/>
|
|
<rect x="650" y="500" width="30" height="40" fill="#A0522D"/>
|
|
<rect x="800" y="500" width="30" height="40" fill="#A0522D"/>
|
|
<rect x="950" y="500" width="30" height="40" fill="#A0522D"/>
|
|
<rect x="1100" y="500" width="30" height="40" fill="#A0522D"/>
|
|
|
|
<!-- 花盆 -->
|
|
<rect x="80" y="480" width="70" height="40" fill="#D2691E" rx="5"/>
|
|
<rect x="230" y="480" width="70" height="40" fill="#D2691E" rx="5"/>
|
|
<rect x="380" y="480" width="70" height="40" fill="#D2691E" rx="5"/>
|
|
<rect x="530" y="480" width="70" height="40" fill="#D2691E" rx="5"/>
|
|
<rect x="680" y="480" width="70" height="40" fill="#D2691E" rx="5"/>
|
|
<rect x="830" y="480" width="70" height="40" fill="#D2691E" rx="5"/>
|
|
<rect x="980" y="480" width="70" height="40" fill="#D2691E" rx="5"/>
|
|
|
|
<!-- 植物剪影 -->
|
|
<!-- 小番茄 -->
|
|
<g transform="translate(85, 440)">
|
|
<path d="M0 40 Q10 20 0 0 Q-10 20 0 40" fill="#228B22"/>
|
|
<circle cx="0" cy="0" r="4" fill="#FF6347"/>
|
|
<circle cx="5" cy="-5" r="3" fill="#FF6347"/>
|
|
<circle cx="-5" cy="-5" r="3" fill="#FF6347"/>
|
|
</g>
|
|
<!-- 辣椒 -->
|
|
<g transform="translate(235, 440)">
|
|
<path d="M0 40 Q15 20 0 0 Q-15 20 0 40" fill="#228B22"/>
|
|
<circle cx="0" cy="-5" r="5" fill="#FF4500"/>
|
|
</g>
|
|
<!-- 生菜 -->
|
|
<g transform="translate(385, 440)">
|
|
<ellipse cx="0" cy="0" rx="15" ry="8" fill="#32CD32"/>
|
|
<ellipse cx="-5" cy="5" rx="10" ry="6" fill="#90EE90"/>
|
|
<ellipse cx="5" cy="5" rx="10" ry="6" fill="#90EE90"/>
|
|
</g>
|
|
<!-- 罗勒 -->
|
|
<g transform="translate(535, 440)">
|
|
<path d="M0 40 Q10 20 0 0 Q-10 20 0 40" fill="#228B22"/>
|
|
<circle cx="0" cy="-10" r="8" fill="#98FB98"/>
|
|
</g>
|
|
<!-- 香草 -->
|
|
<g transform="translate(685, 440)">
|
|
<path d="M0 40 Q10 20 0 0 Q-10 20 0 40" fill="#228B22"/>
|
|
<circle cx="0" cy="-8" r="6" fill="#9ACD32"/>
|
|
</g>
|
|
<!-- 薄荷 -->
|
|
<g transform="translate(835, 440)">
|
|
<path d="M0 40 Q10 20 0 0 Q-10 20 0 40" fill="#228B22"/>
|
|
<circle cx="0" cy="-6" r="7" fill="#90EE90"/>
|
|
</g>
|
|
<!-- 另一种 -->
|
|
<g transform="translate(985, 440)">
|
|
<path d="M0 40 Q10 20 0 0 Q-10 20 0 40" fill="#228B22"/>
|
|
<circle cx="0" cy="-7" r="6" fill="#3CB371"/>
|
|
</g>
|
|
|
|
<!-- 装饰：飞鸟剪影 -->
|
|
<path d="M950 200 C960 190 970 200 980 190 C990 180 1000 190 1010 180" stroke="#2F4F4F" fill="none" stroke-width="3"/>
|
|
<path d="M950 220 C960 210 970 220 980 210 C990 200 1000 210 1010 200" stroke="#2F4F4F" fill="none" stroke-width="3"/>
|
|
|
|
<!-- 文字（可选） -->
|
|
<text x="600" y="620" font-family="Arial, sans-serif" font-size="36" fill="#FFF8DC" text-anchor="middle" opacity="0.9">夕阳下的阳台菜园</text>
|
|
</svg> |