84 lines
3.8 KiB
XML
84 lines
3.8 KiB
XML
|
<svg width="300" height="200" viewBox="0 0 300 200" 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:#87CEEB;stop-opacity:1" />
|
||
|
|
<stop offset="100%" style="stop-color:#4682B4;stop-opacity:1" />
|
||
|
|
</linearGradient>
|
||
|
|
<linearGradient id="seaGradient" x1="0%" y1="0%" x2="0%" y2="100%">
|
||
|
|
<stop offset="0%" style="stop-color:#00BFFF;stop-opacity:0.8" />
|
||
|
|
<stop offset="100%" style="stop-color:#0000CD;stop-opacity:1" />
|
||
|
|
</linearGradient>
|
||
|
|
<linearGradient id="sandGradient" x1="0%" y1="0%" x2="0%" y2="100%">
|
||
|
|
<stop offset="0%" style="stop-color:#FFD700;stop-opacity:1" />
|
||
|
|
<stop offset="100%" style="stop-color:#DAA520;stop-opacity:1" />
|
||
|
|
</linearGradient>
|
||
|
|
</defs>
|
||
|
|
|
||
|
|
<!-- 天空 -->
|
||
|
|
<rect width="300" height="100" fill="url(#skyGradient)"/>
|
||
|
|
|
||
|
|
<!-- 海洋 -->
|
||
|
|
<rect y="100" width="300" height="50" fill="url(#seaGradient)"/>
|
||
|
|
|
||
|
|
<!-- 沙滩 -->
|
||
|
|
<rect y="150" width="300" height="50" fill="url(#sandGradient)"/>
|
||
|
|
|
||
|
|
<!-- 海浪 -->
|
||
|
|
<path d="M0 120 Q50 110 100 120 Q150 105 200 120 Q250 108 300 120 L300 150 L0 150 Z" fill="#FFFFFF" opacity="0.3"/>
|
||
|
|
|
||
|
|
<!-- 太阳 -->
|
||
|
|
<circle cx="250" cy="30" r="15" fill="#FFD700"/>
|
||
|
|
<g fill="#FFD700" opacity="0.6">
|
||
|
|
<rect x="245" y="10" width="10" height="5" transform="rotate(0 250 12.5)"/>
|
||
|
|
<rect x="245" y="50" width="10" height="5" transform="rotate(0 250 52.5)"/>
|
||
|
|
<rect x="225" y="25" width="5" height="10" transform="rotate(0 227.5 30)"/>
|
||
|
|
<rect x="265" y="25" width="5" height="10" transform="rotate(0 267.5 30)"/>
|
||
|
|
<rect x="235" y="15" width="5" height="10" transform="rotate(45 237.5 20)"/>
|
||
|
|
<rect x="255" y="45" width="5" height="10" transform="rotate(45 257.5 50)"/>
|
||
|
|
<rect x="235" y="45" width="10" height="5" transform="rotate(-45 240 47.5)"/>
|
||
|
|
<rect x="255" y="15" width="10" height="5" transform="rotate(-45 260 17.5)"/>
|
||
|
|
</g>
|
||
|
|
|
||
|
|
<!-- 棕榈树 -->
|
||
|
|
<rect x="50" y="130" width="5" height="20" fill="#8B4513"/>
|
||
|
|
<path d="M40 130 Q52.5 110 65 130" fill="#228B22"/>
|
||
|
|
<path d="M35 125 Q52.5 100 70 125" fill="#228B22"/>
|
||
|
|
<path d="M45 120 Q52.5 90 60 120" fill="#228B22"/>
|
||
|
|
|
||
|
|
<!-- 遮阳伞 -->
|
||
|
|
<path d="M180 140 Q200 110 220 140" fill="#FF0000"/>
|
||
|
|
<rect x="199" y="140" width="2" height="15" fill="#8B4513"/>
|
||
|
|
|
||
|
|
<!-- 沙滩椅 -->
|
||
|
|
<path d="M120 160 Q140 155 160 160 L160 170 L120 170 Z" fill="#FFA500"/>
|
||
|
|
<rect x="120" y="160" width="40" height="5" fill="#8B4513"/>
|
||
|
|
|
||
|
|
<!-- 家庭组 -->
|
||
|
|
<!-- 大人1 -->
|
||
|
|
<circle cx="100" cy="140" r="4" fill="#FFB6C1"/>
|
||
|
|
<rect x="98" y="144" width="4" height="8" fill="#1E90FF"/>
|
||
|
|
<!-- 大人2 -->
|
||
|
|
<circle cx="110" cy="140" r="4" fill="#87CEEB"/>
|
||
|
|
<rect x="108" y="144" width="4" height="8" fill="#32CD32"/>
|
||
|
|
<!-- 小孩 -->
|
||
|
|
<circle cx="105" cy="130" r="3" fill="#FFD700"/>
|
||
|
|
<rect x="103" y="133" width="4" height="6" fill="#FF69B4"/>
|
||
|
|
|
||
|
|
<!-- 沙滩球 -->
|
||
|
|
<circle cx="220" cy="160" r="6" fill="#FF0000"/>
|
||
|
|
<path d="M216 158 L224 162" stroke="#FFFFFF" stroke-width="1"/>
|
||
|
|
<path d="M218 164 L222 156" stroke="#FFFFFF" stroke-width="1"/>
|
||
|
|
|
||
|
|
<!-- 海浪泡沫 -->
|
||
|
|
<circle cx="30" cy="120" r="2" fill="#FFFFFF" opacity="0.7"/>
|
||
|
|
<circle cx="80" cy="118" r="3" fill="#FFFFFF" opacity="0.7"/>
|
||
|
|
<circle cx="130" cy="122" r="2" fill="#FFFFFF" opacity="0.7"/>
|
||
|
|
<circle cx="180" cy="119" r="3" fill="#FFFFFF" opacity="0.7"/>
|
||
|
|
<circle cx="230" cy="121" r="2" fill="#FFFFFF" opacity="0.7"/>
|
||
|
|
<circle cx="280" cy="118" r="3" fill="#FFFFFF" opacity="0.7"/>
|
||
|
|
|
||
|
|
<!-- 文字标识 -->
|
||
|
|
<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">3个家庭·海边度假</text>
|
||
|
|
</svg>
|