90 lines
4.3 KiB
XML
90 lines
4.3 KiB
XML
|
<svg width="300" height="200" viewBox="0 0 300 200" xmlns="http://www.w3.org/2000/svg">
|
||
|
|
<!-- 浪漫求婚场景 -->
|
||
|
|
<defs>
|
||
|
|
<linearGradient id="romanticGradient" x1="0%" y1="0%" x2="0%" y2="100%">
|
||
|
|
<stop offset="0%" style="stop-color:#FFB6C1;stop-opacity:1" />
|
||
|
|
<stop offset="100%" style="stop-color:#FF69B4;stop-opacity:1" />
|
||
|
|
</linearGradient>
|
||
|
|
<linearGradient id="nightSky" x1="0%" y1="0%" x2="0%" y2="100%">
|
||
|
|
<stop offset="0%" style="stop-color:#1E1E2E;stop-opacity:1" />
|
||
|
|
<stop offset="100%" style="stop-color:#2D2D44;stop-opacity:1" />
|
||
|
|
</linearGradient>
|
||
|
|
</defs>
|
||
|
|
|
||
|
|
<!-- 夜晚背景 -->
|
||
|
|
<rect width="300" height="200" fill="url(#nightSky)"/>
|
||
|
|
|
||
|
|
<!-- 星星 -->
|
||
|
|
<circle cx="50" cy="30" r="1" fill="#FFFFFF" opacity="0.8"/>
|
||
|
|
<circle cx="80" cy="20" r="0.8" fill="#FFFFFF" opacity="0.6"/>
|
||
|
|
<circle cx="120" cy="40" r="1.2" fill="#FFFFFF" opacity="0.9"/>
|
||
|
|
<circle cx="180" cy="25" r="0.7" fill="#FFFFFF" opacity="0.5"/>
|
||
|
|
<circle cx="220" cy="35" r="1" fill="#FFFFFF" opacity="0.8"/>
|
||
|
|
<circle cx="260" cy="15" r="0.9" fill="#FFFFFF" opacity="0.7"/>
|
||
|
|
<circle cx="280" cy="45" r="1.1" fill="#FFFFFF" opacity="0.9"/>
|
||
|
|
|
||
|
|
<!-- 月亮 -->
|
||
|
|
<circle cx="250" cy="50" r="15" fill="#FFD700" opacity="0.9"/>
|
||
|
|
<circle cx="245" cy="45" r="12" fill="#1E1E2E"/>
|
||
|
|
|
||
|
|
<!-- 城市剪影 -->
|
||
|
|
<rect x="0" y="120" width="300" height="80" fill="#000000" opacity="0.8"/>
|
||
|
|
|
||
|
|
<!-- 建筑物 -->
|
||
|
|
<rect x="20" y="100" width="15" height="20" fill="#333333"/>
|
||
|
|
<rect x="40" y="90" width="20" height="30" fill="#444444"/>
|
||
|
|
<rect x="65" y="95" width="18" height="25" fill="#555555"/>
|
||
|
|
<rect x="90" y="85" width="25" height="35" fill="#333333"/>
|
||
|
|
<rect x="120" y="100" width="15" height="20" fill="#444444"/>
|
||
|
|
<rect x="140" y="92" width="22" height="28" fill="#555555"/>
|
||
|
|
<rect x="170" y="88" width="30" height="32" fill="#333333"/>
|
||
|
|
<rect x="205" y="95" width="16" height="25" fill="#444444"/>
|
||
|
|
<rect x="230" y="90" width="20" height="30" fill="#555555"/>
|
||
|
|
<rect x="255" y="85" width="25" height="35" fill="#333333"/>
|
||
|
|
<rect x="285" y="100" width="12" height="20" fill="#444444"/>
|
||
|
|
|
||
|
|
<!-- 窗户灯光 -->
|
||
|
|
<rect x="25" y="105" width="5" height="8" fill="#FFD700" opacity="0.6"/>
|
||
|
|
<rect x="45" y="95" width="6" height="10" fill="#FFD700" opacity="0.7"/>
|
||
|
|
<rect x="95" y="90" width="8" height="12" fill="#FFD700" opacity="0.8"/>
|
||
|
|
<rect x="145" y="97" width="5" height="8" fill="#FFD700" opacity="0.6"/>
|
||
|
|
<rect x="175" y="93" width="7" height="11" fill="#FFD700" opacity="0.7"/>
|
||
|
|
<rect x="235" y="95" width="6" height="10" fill="#FFD700" opacity="0.6"/>
|
||
|
|
<rect x="260" y="90" width="8" height="12" fill="#FFD700" opacity="0.8"/>
|
||
|
|
|
||
|
|
<!-- 求婚场景 -->
|
||
|
|
<!-- 男性 -->
|
||
|
|
<circle cx="150" cy="140" r="5" fill="#1E90FF"/>
|
||
|
|
<rect x="145" y="145" width="10" height="15" fill="#4169E1"/>
|
||
|
|
|
||
|
|
<!-- 女性 -->
|
||
|
|
<circle cx="150" cy="130" r="5" fill="#FFB6C1"/>
|
||
|
|
<path d="M145 135 L155 135 L155 150 L145 150 Z" fill="#FF69B4"/>
|
||
|
|
|
||
|
|
<!-- 单膝跪地姿势 -->
|
||
|
|
<rect x="147" y="160" width="6" height="8" fill="#4169E1"/>
|
||
|
|
<rect x="145" y="168" width="3" height="5" fill="#1E90FF"/>
|
||
|
|
<rect x="152" y="168" width="3" height="5" fill="#1E90FF"/>
|
||
|
|
|
||
|
|
<!-- 玫瑰花束 -->
|
||
|
|
<circle cx="140" cy="125" r="8" fill="#FF0000"/>
|
||
|
|
<path d="M132 125 Q136 120 140 125 Q144 120 148 125" fill="#FF0000" opacity="0.8"/>
|
||
|
|
<path d="M130 127 Q134 122 138 127 Q142 122 146 127" fill="#FF0000" opacity="0.6"/>
|
||
|
|
<rect x="138" y="133" width="4" height="8" fill="#32CD32"/>
|
||
|
|
|
||
|
|
<!-- 爱心特效 -->
|
||
|
|
<path d="M160 120 Q165 115 170 120 Q175 125 170 130 Q165 135 160 130 Q155 125 160 120" fill="#FF6B6B" opacity="0.7"/>
|
||
|
|
<path d="M155 115 Q160 110 165 115 Q170 120 165 125 Q160 130 155 125 Q150 120 155 115" fill="#FF6B6B" opacity="0.5"/>
|
||
|
|
|
||
|
|
<!-- 文字标识 -->
|
||
|
|
<text x="150" y="30" text-anchor="middle" font-family="Arial, sans-serif" font-size="12" fill="#FFFFFF">浪漫求婚惊喜</text>
|
||
|
|
<text x="150" y="45" text-anchor="middle" font-family="Arial, sans-serif" font-size="10" fill="#FFB6C1">99朵玫瑰·感动时刻</text>
|
||
|
|
|
||
|
|
<!-- 闪光效果 -->
|
||
|
|
<circle cx="140" cy="125" r="2" fill="#FFFFFF" opacity="0.9">
|
||
|
|
<animate attributeName="opacity" values="0.3;0.9;0.3" dur="2s" repeatCount="indefinite"/>
|
||
|
|
</circle>
|
||
|
|
<circle cx="160" cy="120" r="1.5" fill="#FFFFFF" opacity="0.8">
|
||
|
|
<animate attributeName="opacity" values="0.2;0.8;0.2" dur="1.5s" repeatCount="indefinite"/>
|
||
|
|
</circle>
|
||
|
|
</svg>
|