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