File size: 1,070 Bytes
95f5290
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<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="1000" y1="650" x2="1210" y2="650"/>
    <circle class="mark" cx="1000" cy="650" r="27"/>
    <text class="num" x="1000" y="650">1</text>
    <line class="arrow" x1="1000" y1="720" x2="1210" y2="720"/>
    <circle class="mark" cx="1000" cy="720" r="27"/>
    <text class="num" x="1000" y="720">2</text>
    <line class="arrow" x1="1480" y1="840" x2="1390" y2="805"/>
    <circle class="mark" cx="1480" cy="840" r="27"/>
    <text class="num" x="1480" y="840">3</text>
</svg>