File size: 1,553 Bytes
95f5290
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<svg xmlns="http://www.w3.org/2000/svg" width="2495" height="1332" viewBox="0 0 2495 1332">
  <defs>
    <marker id="arrow" markerUnits="userSpaceOnUse" markerWidth="24" markerHeight="24" refX="22" refY="12" orient="auto">
      <path d="M0,0 L24,12 L0,24 Z" fill="#ff5a4f"/>
    </marker>
    <style>
      .arrow{stroke:#ff5a4f;stroke-width:6;fill:none;marker-end:url(#arrow)}
      .mark{fill:#2f80ed;stroke:#fff;stroke-width:3}
      .num{font:700 29px 'Noto Sans CJK SC',sans-serif;fill:#fff;text-anchor:middle;dominant-baseline:central}
    </style>
  </defs>
  
    <line class="arrow" x1="2070" y1="82" x2="2180" y2="46"/>
    <circle class="mark" cx="2070" cy="82" r="27"/>
    <text class="num" x="2070" y="82">1</text>
    <line class="arrow" x1="2460" y1="92" x2="2418" y2="46"/>
    <circle class="mark" cx="2460" cy="92" r="27"/>
    <text class="num" x="2460" y="92">2</text>
    <line class="arrow" x1="1120" y1="54" x2="650" y2="122"/>
    <circle class="mark" cx="1120" cy="54" r="27"/>
    <text class="num" x="1120" y="54">3</text>
    <line class="arrow" x1="2180" y1="165" x2="2288" y2="124"/>
    <circle class="mark" cx="2180" cy="165" r="27"/>
    <text class="num" x="2180" y="165">4</text>
    <line class="arrow" x1="2280" y1="260" x2="2378" y2="214"/>
    <circle class="mark" cx="2280" cy="260" r="27"/>
    <text class="num" x="2280" y="260">5</text>
    <line class="arrow" x1="2375" y1="350" x2="2446" y2="302"/>
    <circle class="mark" cx="2375" cy="350" r="27"/>
    <text class="num" x="2375" y="350">6</text>
</svg>