File size: 1,400 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
<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="2470" y1="145" x2="2432" y2="174"/>
    <circle class="mark" cx="2470" cy="145" r="27"/>
    <text class="num" x="2470" y="145">1</text>
    <line class="arrow" x1="2470" y1="205" x2="1395" y2="210"/>
    <circle class="mark" cx="2470" cy="205" r="27"/>
    <text class="num" x="2470" y="205">2</text>
    <line class="arrow" x1="2470" y1="255" x2="1515" y2="240"/>
    <circle class="mark" cx="2470" cy="255" r="27"/>
    <text class="num" x="2470" y="255">3</text>
    <line class="arrow" x1="2470" y1="305" x2="1395" y2="296"/>
    <circle class="mark" cx="2470" cy="305" r="27"/>
    <text class="num" x="2470" y="305">4</text>
    <line class="arrow" x1="2470" y1="365" x2="2422" y2="240"/>
    <circle class="mark" cx="2470" cy="365" r="27"/>
    <text class="num" x="2470" y="365">5</text>
</svg>