出国旅行流程图

Author:dabing
2026/01/05 09:13
Description

绘制出国旅行流程的SVG图表，清晰展示12个步骤的逻辑关系，提供美观易读的流程可视化。
Content

###出国旅行流程图
```
任务: 绘制SVG流程图
（先写出流程UML，然后再绘图（SVG））
流程：
<flow> 
1. 确定旅行目的地
2. 办理护照和签证
3. 预订机票和住宿
4. 购买旅行保险
5. 准备行李和必需品
6. 兑换外币
7. 出发前往机场
8. 办理登机手续和安检
9. 登机
10. 抵达目的地
11. 入境检查
12. 开始旅行
</flow> 

* 要求：清晰美观，文字元素不重叠 
* 参考示例：
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 650">
  <!-- 样式定义 -->
  <defs>
    <marker id="arrowhead" markerWidth="10" markerHeight="7" refX="10" refY="3.5" orient="auto">
      <polygon points="0 0, 10 3.5, 0 7" fill="#333" />
    </marker>
  </defs>

  <!-- 纯白背景 -->
  <rect width="900" height="650" fill="white" />

  <!-- 流程图标题 -->
  <text x="450" y="40" font-family="Source Han Sans CN, sans-serif" font-size="24" text-anchor="middle" font-weight="600" fill="#333">出国旅行流程</text>

  <!-- 开始事件：确定旅行目的地 -->
  <rect x="100" y="80" width="200" height="80" rx="4" ry="4" fill="#f3e5ff" stroke="#9c51f0" stroke-width="2" />
  <rect x="130" y="100" width="140" height="10" rx="5" ry="5" fill="#d9b8ff" opacity="0.7" />
  <text x="200" y="130" font-family="Source Han Sans CN, sans-serif" font-size="18" text-anchor="middle" font-weight="500">确定旅行目的地</text>

  <!-- 连接线1 -->
  <line x1="300" y1="120" x2="370" y2="120" stroke="#333" stroke-width="2" marker-end="url(#arrowhead)" />

  <!-- 办理护照和签证 -->
  <rect x="370" y="80" width="200" height="80" rx="4" ry="4" fill="#e3f2ff" stroke="#4f96f0" stroke-width="2" />
  <rect x="400" y="100" width="140" height="10" rx="5" ry="5" fill="#b8daff" opacity="0.7" />
  <text x="470" y="130" font-family="Source Han Sans CN, sans-serif" font-size="18" text-anchor="middle" font-weight="500">办理护照和签证</text>

  <!-- 连接线2 -->
  <line x1="570" y1="120" x2="640" y2="120" stroke="#333" stroke-width="2" marker-end="url(#arrowhead)" />

  <!-- 预订机票和住宿 -->
  <rect x="640" y="80" width="200" height="80" rx="4" ry="4" fill="#ffe3ed" stroke="#f04f85" stroke-width="2" />
  <rect x="670" y="100" width="140" height="10" rx="5" ry="5" fill="#ffb8d1" opacity="0.7" />
  <text x="740" y="130" font-family="Source Han Sans CN, sans-serif" font-size="18" text-anchor="middle" font-weight="500">预订机票和住宿</text>

  <!-- 连接线3 -->
  <line x1="740" y1="160" x2="740" y2="210" stroke="#333" stroke-width="2" marker-end="url(#arrowhead)" />

  <!-- 购买旅行保险 -->
  <rect x="640" y="210" width="200" height="80" rx="4" ry="4" fill="#e3ffed" stroke="#4bcf93" stroke-width="2" />
  <rect x="670" y="230" width="140" height="10" rx="5" ry="5" fill="#b8ffe3" opacity="0.7" />
  <text x="740" y="250" font-family="Source Han Sans CN, sans-serif" font-size="18" text-anchor="middle" font-weight="500">购买旅行保险</text>

  <!-- 连接线4 -->
  <line x1="740" y1="290" x2="740" y2="340" stroke="#333" stroke-width="2" marker-end="url(#arrowhead)" />

  <!-- 准备行李和必需品 -->
  <rect x="640" y="340" width="200" height="80" rx="4" ry="4" fill="#fff9e3" stroke="#f0b84f" stroke-width="2" />
  <rect x="670" y="360" width="140" height="10" rx="5" ry="5" fill="#ffe9b8" opacity="0.7" />
  <text x="740" y="380" font-family="Source Han Sans CN, sans-serif" font-size="18" text-anchor="middle" font-weight="500">准备行李和必需品</text>

  <!-- 连接线5 -->
  <line x1="640" y1="380" x2="540" y2="380" stroke="#333" stroke-width="2" marker-end="url(#arrowhead)" />

  <!-- 兑换外币 -->
  <rect x="340" y="340" width="200" height="80" rx="4" ry="4" fill="#e3f2ff" stroke="#4f96f0" stroke-width="2" />
  <rect x="370" y="360" width="140" height="10" rx="5" ry="5" fill="#b8daff" opacity="0.7" />
  <text x="440" y="380" font-family="Source Han Sans CN, sans-serif" font-size="18" text-anchor="middle" font-weight="500">兑换外币</text>

  <!-- 连接线6 -->
  <line x1="340" y1="380" x2="240" y2="380" stroke="#333" stroke-width="2" marker-end="url(#arrowhead)" />

  <!-- 出发前往机场 -->
  <rect x="40" y="340" width="200" height="80" rx="4" ry="4" fill="#f3e5ff" stroke="#9c51f0" stroke-width="2" />
  <rect x="70" y="360" width="140" height="10" rx="5" ry="5" fill="#d9b8ff" opacity="0.7" />
  <text x="140" y="380" font-family="Source Han Sans CN, sans-serif" font-size="18" text-anchor="middle" font-weight="500">出发前往机场</text>

  <!-- 连接线7 -->
  <line x1="140" y1="420" x2="140" y2="470" stroke="#333" stroke-width="2" marker-end="url(#arrowhead)" />

  <!-- 办理登机手续和安检 -->
  <rect x="40" y="470" width="200" height="80" rx="4" ry="4" fill="#e3f2ff" stroke="#4f96f0" stroke-width="2" />
  <rect x="70" y="490" width="140" height="10" rx="5" ry="5" fill="#b8daff" opacity="0.7" />
  <text x="140" y="500" font-family="Source Han Sans CN, sans-serif" font-size="18" text-anchor="middle" font-weight="500">办理登机手续</text>
  <text x="140" y="520" font-family="Source Han Sans CN, sans-serif" font-size="18" text-anchor="middle" font-weight="500">和安检</text>

  <!-- 连接线8 -->
  <line x1="140" y1="550" x2="140" y2="600" stroke="#333" stroke-width="2" marker-end="url(#arrowhead)" />

  <!-- 登机 -->
  <rect x="40" y="600" width="200" height="80" rx="4" ry="4" fill="#ffe3ed" stroke="#f04f85" stroke-width="2" />
  <rect x="70" y="620" width="140" height="10" rx="5" ry="5" fill="#ffb8d1" opacity="0.7" />
  <text x="140" y="640" font-family="Source Han Sans CN, sans-serif" font-size="18" text-anchor="middle" font-weight="500">登机</text>

  <!-- 连接线9 -->
  <line x1="240" y1
Description

Tags

Content
