lt
54 lines
2.9 KiB
XML
54 lines
2.9 KiB
XML
<svg width="1200" height="500" viewBox="0 0 1200 500" xmlns="http://www.w3.org/2000/svg">
|
|
<defs>
|
|
<style>
|
|
.title { font-family: "PingFang SC", "Microsoft YaHei", sans-serif; font-size: 28px; font-weight: bold; fill: #2c3e50; }
|
|
.label { font-family: "PingFang SC", "Microsoft YaHei", sans-serif; font-size: 24px; fill: #333; }
|
|
.sub { font-family: "PingFang SC", "Microsoft YaHei", sans-serif; font-size: 16px; fill: #7f8c8d; }
|
|
.badge { font-family: sans-serif; font-size: 20px; fill: #fff; font-weight: bold; }
|
|
</style>
|
|
</defs>
|
|
|
|
<!-- Background -->
|
|
<rect width="1200" height="500" fill="#f9f9f9"/>
|
|
|
|
<!-- Title -->
|
|
<text x="600" y="50" text-anchor="middle" class="title">超市蔬菜 vs 自家种植：真实的体验差异</text>
|
|
|
|
<!-- Left side: Supermarket -->
|
|
<g transform="translate(100, 150)">
|
|
<rect x="0" y="0" width="400" height="300" fill="#fff" stroke="#bdc3c7" stroke-width="3" rx="10"/>
|
|
<text x="200" y="-20" text-anchor="middle" class="label" fill="#7f8c8d">超市购买</text>
|
|
<!-- Sad tomato -->
|
|
<circle cx="200" cy="120" r="60" fill="#e74c3c" opacity="0.8"/>
|
|
<path d="M 160,180 L 170,150 L 200,130 L 230,150 L 240,180" fill="#27ae60"/>
|
|
<!-- Wilted leaves -->
|
|
<path d="M 180,80 Q 200,60 220,80" fill="none" stroke="#27ae60" stroke-width="5"/>
|
|
<text x="200" y="250" text-anchor="middle" class="sub">味道平淡 · 长途运输</text>
|
|
<rect x="100" y="280" width="200" height="40" fill="#ecf0f1" rx="5"/>
|
|
<text x="200" y="308" text-anchor="middle" class="sub" style="font-weight:bold;">糖度 8°</text>
|
|
</g>
|
|
|
|
<!-- VS badge -->
|
|
<text x="600" y="290" font-size="48" font-weight="bold" fill="#e74c3c">VS</text>
|
|
|
|
<!-- Right side: Homegrown -->
|
|
<g transform="translate(700, 150)">
|
|
<rect x="0" y="0" width="400" height="300" fill="#fff" stroke="#27ae60" stroke-width="3" rx="10"/>
|
|
<text x="200" y="-20" text-anchor="middle" class="label" fill="#27ae60">自家阳台种</text>
|
|
<!-- Vibrant tomato -->
|
|
<circle cx="200" cy="120" r="70" fill="#ff6b6b"/>
|
|
<path d="M 160,190 L 175,150 L 200,125 L 225,150 L 240,190" fill="#2ecc71"/>
|
|
<!-- Fresh leaves -->
|
|
<path d="M 170,70 Q 200,40 230,70" fill="none" stroke="#2ecc71" stroke-width="6"/>
|
|
<ellipse cx="185" cy="50" rx="15" ry="8" fill="#2ecc71" transform="rotate(-30 185 50)"/>
|
|
<ellipse cx="215" cy="50" rx="15" ry="8" fill="#2ecc71" transform="rotate(30 215 50)"/>
|
|
<text x="200" y="260" text-anchor="middle" class="sub">浓郁多汁 · 现摘现吃</text>
|
|
<rect x="100" y="290" width="200" height="40" fill="#e8f5e9" rx="5"/>
|
|
<text x="200" y="318" text-anchor="middle" class="sub" style="font-weight:bold; fill:#27ae60;">糖度 12°</text>
|
|
</g>
|
|
|
|
<!-- Insight at bottom -->
|
|
<text x="600" y="460" text-anchor="middle" class="sub" style="font-size:18px;">
|
|
同样的番茄，自家种植的糖度高出50%，味道更浓郁，汁水更饱满
|
|
</text>
|
|
</svg> |