| <?xml version="1.0" encoding="iso-8859-1" ?> |
| <svg viewBox="0 0 500 350" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> |
| <defs> |
| <path id="fromto" d="M-15,-20L-20,20 20,20C-10,-10 30,-20 -15,-20Z"/> |
| <path id="fromby" d="M-20,-15L-20,15 20,20C20,0 -10,-20 -20,-15Z"/> |
| <path id="by" d="M-20,-20C100,80 40,-60 20,20Z"/> |
| </defs> |
| |
| <rect x="0" y="0" width="500" height="350" fill="#fff" /> |
| <g fill="none" stroke="#f00" stroke-width="10" stroke-linejoin="bevel"> |
| |
| <use xlink:href="#fromto" x="40" y="80" stroke="#800" transform="translate(110,140)"/> |
| <use xlink:href="#fromto" x="40" y="80" stroke="#f00" transform="translate(110,140)"/> |
| <use xlink:href="#fromto" x="40" y="80" stroke="#88f" transform="translate(110,140)"/> |
| |
| <use xlink:href="#fromby" x="160" y="80" stroke="#800" transform="translate(110,140)"/> |
| <use xlink:href="#fromby" x="160" y="80" stroke="#f00" transform="translate(110,140)"/> |
| <use xlink:href="#fromby" x="160" y="80" stroke="#88f" transform="translate(110,140)"/> |
| |
| <use xlink:href="#by" x="300" y="200" stroke="#800" transform="translate(80,-70)"/> |
| <use xlink:href="#by" x="300" y="200" stroke="#f00" transform="translate(80,-70)"/> |
| <use xlink:href="#by" x="300" y="200" stroke="#88f" transform="translate(80,-70)"/> |
| </g> |
| </svg> |
