111 lines
4.9 KiB
XML
111 lines
4.9 KiB
XML
|
<svg width="300" height="200" viewBox="0 0 300 200" xmlns="http://www.w3.org/2000/svg">
|
||
|
|
<!-- 生日祝福场景 -->
|
||
|
|
<defs>
|
||
|
|
<linearGradient id="birthdayGradient" x1="0%" y1="0%" x2="0%" y2="100%">
|
||
|
|
<stop offset="0%" style="stop-color:#FFD700;stop-opacity:1" />
|
||
|
|
<stop offset="100%" style="stop-color:#FFA500;stop-opacity:1" />
|
||
|
|
</linearGradient>
|
||
|
|
<linearGradient id="partyGradient" x1="0%" y1="0%" x2="0%" y2="100%">
|
||
|
|
<stop offset="0%" style="stop-color:#FF6B6B;stop-opacity:0.3" />
|
||
|
|
<stop offset="50%" style="stop-color:#FFD700;stop-opacity:0.3" />
|
||
|
|
<stop offset="100%" style="stop-color:#1E90FF;stop-opacity:0.3" />
|
||
|
|
</linearGradient>
|
||
|
|
</defs>
|
||
|
|
|
||
|
|
<!-- 背景 -->
|
||
|
|
<rect width="300" height="200" fill="url(#partyGradient)"/>
|
||
|
|
|
||
|
|
<!-- 生日蛋糕 -->
|
||
|
|
<!-- 蛋糕底层 -->
|
||
|
|
<rect x="120" y="130" width="60" height="20" rx="10" fill="#8B4513"/>
|
||
|
|
<!-- 蛋糕中层 -->
|
||
|
|
<rect x="110" y="110" width="80" height="20" rx="10" fill="#FFD700"/>
|
||
|
|
<!-- 蛋糕顶层 -->
|
||
|
|
<rect x="100" y="90" width="100" height="20" rx="10" fill="#FF6B6B"/>
|
||
|
|
|
||
|
|
<!-- 奶油装饰 -->
|
||
|
|
<circle cx="100" cy="90" r="5" fill="#FFFFFF"/>
|
||
|
|
<circle cx="110" cy="90" r="5" fill="#FFFFFF"/>
|
||
|
|
<circle cx="120" cy="90" r="5" fill="#FFFFFF"/>
|
||
|
|
<circle cx="130" cy="90" r="5" fill="#FFFFFF"/>
|
||
|
|
<circle cx="140" cy="90" r="5" fill="#FFFFFF"/>
|
||
|
|
<circle cx="150" cy="90" r="5" fill="#FFFFFF"/>
|
||
|
|
<circle cx="160" cy="90" r="5" fill="#FFFFFF"/>
|
||
|
|
<circle cx="170" cy="90" r="5" fill="#FFFFFF"/>
|
||
|
|
<circle cx="180" cy="90" r="5" fill="#FFFFFF"/>
|
||
|
|
<circle cx="190" cy="90" r="5" fill="#FFFFFF"/>
|
||
|
|
<circle cx="200" cy="90" r="5" fill="#FFFFFF"/>
|
||
|
|
|
||
|
|
<!-- 蜡烛 -->
|
||
|
|
<rect x="125" y="70" width="3" height="15" fill="#FF0000"/>
|
||
|
|
<rect x="135" y="70" width="3" height="15" fill="#00FF00"/>
|
||
|
|
<rect x="145" y="70" width="3" height="15" fill="#0000FF"/>
|
||
|
|
<rect x="155" y="70" width="3" height="15" fill="#FFFF00"/>
|
||
|
|
<rect x="165" y="70" width="3" height="15" fill="#FF00FF"/>
|
||
|
|
<rect x="175" y="70" width="3" height="15" fill="#00FFFF"/>
|
||
|
|
|
||
|
|
<!-- 蜡烛火焰 -->
|
||
|
|
<path d="M126.5 65 Q128 60 129.5 65" fill="#FFD700"/>
|
||
|
|
<path d="M136.5 65 Q138 60 139.5 65" fill="#FFD700"/>
|
||
|
|
<path d="M146.5 65 Q148 60 149.5 65" fill="#FFD700"/>
|
||
|
|
<path d="M156.5 65 Q158 60 159.5 65" fill="#FFD700"/>
|
||
|
|
<path d="M166.5 65 Q168 60 169.5 65" fill="#FFD700"/>
|
||
|
|
<path d="M176.5 65 Q178 60 179.5 65" fill="#FFD700"/>
|
||
|
|
|
||
|
|
<!-- 生日礼物 -->
|
||
|
|
<rect x="50" y="120" width="30" height="20" fill="#FF69B4" rx="5"/>
|
||
|
|
<rect x="55" y="125" width="20" height="10" fill="#FFFFFF" rx="2"/>
|
||
|
|
|
||
|
|
<rect x="220" y="120" width="30" height="20" fill="#1E90FF" rx="5"/>
|
||
|
|
<circle cx="235" cy="130" r="8" fill="#FFFFFF"/>
|
||
|
|
|
||
|
|
<!-- 生日花束 -->
|
||
|
|
<!-- 花束主体 -->
|
||
|
|
<circle cx="150" cy="160" r="15" fill="#FF0000"/>
|
||
|
|
<circle cx="140" cy="155" r="12" fill="#FFD700"/>
|
||
|
|
<circle cx="160" cy="155" r="12" fill="#1E90FF"/>
|
||
|
|
<circle cx="145" cy="165" r="10" fill="#FF69B4"/>
|
||
|
|
<circle cx="155" cy="165" r="10" fill="#32CD32"/>
|
||
|
|
|
||
|
|
<!-- 花束包装 -->
|
||
|
|
<rect x="135" y="170" width="30" height="15" fill="#FFFFFF" rx="3"/>
|
||
|
|
<rect x="140" y="175" width="20" height="5" fill="#FFD700" rx="2"/>
|
||
|
|
|
||
|
|
<!-- 生日帽 -->
|
||
|
|
<path d="M180 100 L200 90 L180 110 Z" fill="#FF0000"/>
|
||
|
|
<circle cx="190" cy="85" r="3" fill="#FFFFFF"/>
|
||
|
|
|
||
|
|
<!-- 气球 -->
|
||
|
|
<circle cx="60" cy="70" r="8" fill="#FF0000"/>
|
||
|
|
<path d="M60 78 L60 90" stroke="#FFFFFF" stroke-width="1"/>
|
||
|
|
|
||
|
|
<circle cx="80" cy="60" r="7" fill="#1E90FF"/>
|
||
|
|
<path d="M80 67 L80 80" stroke="#FFFFFF" stroke-width="1"/>
|
||
|
|
|
||
|
|
<circle cx="240" cy="65" r="9" fill="#FFD700"/>
|
||
|
|
<path d="M240 74 L240 88" stroke="#FFFFFF" stroke-width="1"/>
|
||
|
|
|
||
|
|
<circle cx="260" cy="75" r="6" fill="#32CD32"/>
|
||
|
|
<path d="M260 81 L260 92" stroke="#FFFFFF" stroke-width="1"/>
|
||
|
|
|
||
|
|
<!-- 彩带 -->
|
||
|
|
<path d="M20 40 Q40 30 60 50" stroke="#FF6B6B" stroke-width="2" fill="none"/>
|
||
|
|
<path d="M280 30 Q260 20 240 40" stroke="#1E90FF" stroke-width="2" fill="none"/>
|
||
|
|
<path d="M10 80 Q30 60 50 70" stroke="#FFD700" stroke-width="2" fill="none"/>
|
||
|
|
<path d="M290 90 Q270 70 250 80" stroke="#32CD32" stroke-width="2" fill="none"/>
|
||
|
|
|
||
|
|
<!-- 文字标识 -->
|
||
|
|
<text x="150" y="30" text-anchor="middle" font-family="Arial, sans-serif" font-size="12" fill="#333333">特别的生日礼物</text>
|
||
|
|
<text x="150" y="45" text-anchor="middle" font-family="Arial, sans-serif" font-size="10" fill="#666666">温暖祝福·远方关怀</text>
|
||
|
|
|
||
|
|
<!-- 庆祝特效 -->
|
||
|
|
<circle cx="100" cy="50" r="2" fill="#FF0000" opacity="0.8">
|
||
|
|
<animate attributeName="opacity" values="0.3;0.8;0.3" dur="1.5s" repeatCount="indefinite"/>
|
||
|
|
</circle>
|
||
|
|
<circle cx="200" cy="40" r="1.5" fill="#1E90FF" opacity="0.7">
|
||
|
|
<animate attributeName="opacity" values="0.2;0.7;0.2" dur="2s" repeatCount="indefinite"/>
|
||
|
|
</circle>
|
||
|
|
<circle cx="250" cy="60" r="2" fill="#FFD700" opacity="0.9">
|
||
|
|
<animate attributeName="opacity" values="0.4;0.9;0.4" dur="1.8s" repeatCount="indefinite"/>
|
||
|
|
</circle>
|
||
|
|
</svg>
|