123456789101112131415161718192021222324252627 |
- <?xml version="1.0" encoding="UTF-8" standalone="no"?>
- <svg xmlns="http://www.w3.org/2000/svg" width="600" height="100" >
- <circle cx="50" cy="50" r="30" stroke="black" stroke-width="2" fill="lightgreen"/>
- <text x="45" y="55" font-size="18"> 1 </text>
- <circle cx="150" cy="50" r="30" stroke="black" stroke-width="2" fill="lightgreen"/>
- <text x="145" y="55" font-size="18"> 2 </text>
- <circle cx="250" cy="50" r="30" stroke="black" stroke-width="2" fill="lightgreen"/>
- <text x="245" y="55" font-size="18"> 3 </text>
- <circle cx="350" cy="50" r="30" stroke="black" stroke-width="2" fill="lightgreen"/>
- <text x="345" y="55" font-size="18"> 4 </text>
- <defs>
- <marker id='head' orient="auto" markerWidth='4' markerHeight='8' refX='0.2' refY='3'>
- <path d='M0,0 V6 L3,3 Z' />
- </marker>
- </defs>
- <path marker-end='url(#head)' stroke-width='2' stroke='black' d='M80,50 L110,50' />
- <path marker-end='url(#head)' stroke-width='2' stroke='black' d='M180,50 L210,50' />
- <path marker-end='url(#head)' stroke-width='2' stroke='black' d='M280,50 L310,50' />
- </svg>
|