Files
WX_PAY_codePro9_8/miniprogram/images/background.svg

53 lines
2.2 KiB
XML
Raw Normal View History

2025-09-08 15:57:01 +08:00
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="750" height="1334" xmlns="http://www.w3.org/2000/svg">
<!-- 渐变背景 -->
<defs>
<linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#FFD700;stop-opacity:1" />
<stop offset="100%" style="stop-color:#FF8C00;stop-opacity:1" />
</linearGradient>
<radialGradient id="grad2" cx="50%" cy="50%" r="50%" fx="50%" fy="50%">
<stop offset="0%" style="stop-color:white;stop-opacity:0.3" />
<stop offset="100%" style="stop-color:white;stop-opacity:0" />
</radialGradient>
</defs>
<!-- 背景 -->
<rect width="100%" height="100%" fill="url(#grad1)" />
<!-- 装饰圆圈 -->
<circle cx="150" cy="150" r="100" fill="url(#grad2)" />
<circle cx="600" cy="300" r="80" fill="url(#grad2)" />
<circle cx="200" cy="800" r="120" fill="url(#grad2)" />
<circle cx="550" cy="1100" r="90" fill="url(#grad2)" />
<!-- 扭蛋机图案 -->
<g transform="translate(375, 667) scale(0.8)">
<!-- 扭蛋机主体 -->
<rect x="-150" y="-200" width="300" height="400" rx="20" ry="20" fill="#FF5722" stroke="#333" stroke-width="5" />
<!-- 扭蛋机透明窗口 -->
<ellipse cx="0" cy="-50" rx="120" ry="120" fill="#FFECB3" stroke="#333" stroke-width="3" />
<!-- 扭蛋 -->
<circle cx="-40" cy="-80" r="30" fill="#E91E63" stroke="#333" stroke-width="2" />
<circle cx="50" cy="-30" r="30" fill="#2196F3" stroke="#333" stroke-width="2" />
<circle cx="-20" cy="0" r="30" fill="#4CAF50" stroke="#333" stroke-width="2" />
<!-- 扭蛋机底部出口 -->
<rect x="-50" y="200" width="100" height="30" fill="#333" />
<!-- 旋钮 -->
<circle cx="150" cy="100" r="40" fill="#FFC107" stroke="#333" stroke-width="3" />
<circle cx="150" cy="100" r="15" fill="#333" />
</g>
<!-- 装饰星星 -->
<g fill="#FFFFFF" opacity="0.8">
<polygon points="50,50 60,80 40,80" />
<polygon points="700,200 710,230 690,230" />
<polygon points="200,1200 210,1230 190,1230" />
<polygon points="600,1000 610,1030 590,1030" />
<polygon points="400,400 410,430 390,430" />
</g>
</svg>