80 lines
3.9 KiB
XML
80 lines
3.9 KiB
XML
<svg width="1200" height="600" viewBox="0 0 1200 600" xmlns="http://www.w3.org/2000/svg">
|
|
<defs>
|
|
<style>
|
|
.title { font-family: "PingFang SC", "Microsoft YaHei", sans-serif; font-size: 32px; font-weight: bold; fill: #1b5e20; }
|
|
.label { font-family: "PingFang SC", "Microsoft YaHei", sans-serif; font-size: 18px; fill: #333; }
|
|
.price { font-family: "PingFang SC", "Microsoft YaHei", sans-serif; font-size: 14px; fill: #7f8c8d; }
|
|
.device-bg { fill: #e8f5e9; stroke: #4caf50; stroke-width: 2; rx: 10; }
|
|
</style>
|
|
</defs>
|
|
|
|
<!-- Background -->
|
|
<rect width="1200" height="600" fill="#f5f5f5"/>
|
|
|
|
<!-- Title -->
|
|
<text x="600" y="50" text-anchor="middle" class="title">我的智能种植设备全家福(总投入约1500元)</text>
|
|
|
|
<!-- Devices placed on a surface -->
|
|
<g transform="translate(100, 100)">
|
|
<!-- Smart phone -->
|
|
<rect x="0" y="0" width="120" height="220" fill="#333" rx="15"/>
|
|
<rect x="10" y="30" width="100" height="160" fill="#81c784"/>
|
|
<text x="60" y="180" text-anchor="middle" fill="white" font-size="12">手机</text>
|
|
<text x="60" y="245" text-anchor="middle" class="label">种植App</text>
|
|
<text x="60" y="265" text-anchor="middle" class="price">0元(自带)</text>
|
|
|
|
<!-- Smart irrigation controller -->
|
|
<g transform="translate(200, 0)">
|
|
<rect x="0" y="0" width="100" height="100" fill="#fff" class="device-bg"/>
|
|
<circle cx="50" cy="50" r="30" fill="#3498db"/>
|
|
<text x="50" y="90" text-anchor="middle" class="label">智能灌溉</text>
|
|
<text x="50" y="110" text-anchor="middle" class="price">500元</text>
|
|
</g>
|
|
|
|
<!-- LED grow light -->
|
|
<g transform="translate(350, 0)">
|
|
<rect x="0" y="0" width="180" height="30" fill="#ffeb3b" rx="5"/>
|
|
<text x="90" y="50" text-anchor="middle" class="label">LED补光灯</text>
|
|
<text x="90" y="70" text-anchor="middle" class="price">300元</text>
|
|
</g>
|
|
|
|
<!-- Smart pot -->
|
|
<g transform="translate(600, 0)">
|
|
<ellipse cx="60" cy="180" rx="60" ry="20" fill="#795548"/>
|
|
<path d="M 20,180 L 30,60 L 90,60 L 100,180 Z" fill="#8d6e63"/>
|
|
<circle cx="60" cy="60" r="40" fill="#66bb6a"/>
|
|
<text x="60" y="250" text-anchor="middle" class="label">智能花盆</text>
|
|
<text x="60" y="270" text-anchor="middle" class="price">200元</text>
|
|
</g>
|
|
|
|
<!-- Water pump -->
|
|
<g transform="translate(850, 0)">
|
|
<rect x="20" y="100" width="80" height="80" fill="#3498db" rx="10"/>
|
|
<text x="60" y="95" text-anchor="middle" class="label">水泵</text>
|
|
<text x="60" y="200" text-anchor="middle" class="label">(选配)</text>
|
|
</g>
|
|
|
|
<!-- Moisture sensor -->
|
|
<g transform="translate(1050, 0)">
|
|
<rect x="20" y="100" width="40" height="100" fill="#9b59b6" rx="5"/>
|
|
<line x1="40" y1="200" x2="40" y2="240" stroke="#9b59b6" stroke-width="8"/>
|
|
<text x="40" y="280" text-anchor="middle" class="label">土壤湿度传感器</text>
|
|
<text x="40" y="300" text-anchor="middle" class="label">50元</text>
|
|
</g>
|
|
</g>
|
|
|
|
<!-- Summary table below -->
|
|
<g transform="translate(150, 450)">
|
|
<rect x="0" y="0" width="900" height="100" fill="#fff" stroke="#4caf50" stroke-width="2" rx="10"/>
|
|
<text x="450" y="30" text-anchor="middle" class="label" style="font-weight:bold;">设备清单摘要</text>
|
|
<text x="100" y="60" class="label">核心设备:智能灌溉 + 补光灯 + 智能花盆</text>
|
|
<text x="100" y="85" class="label">辅助设备:土壤传感器、定时器等</text>
|
|
<text x="750" y="60" class="label" style="font-weight:bold;">入门套装:500-800元</text>
|
|
<text x="750" y="85" class="label" style="font-weight:bold;">全配套装:1500-2000元</text>
|
|
</g>
|
|
|
|
<!-- Insight -->
|
|
<text x="600" y="580" text-anchor="middle" class="label" style="fill:#666; font-style:italic;">
|
|
科技让种菜变简单:自动化减少50%维护时间,成功率提升至85%
|
|
</text>
|
|
</svg> |