1 <svg xmlns:
xlink=
"http://www.w3.org/1999/xlink" xmlns=
"http://www.w3.org/2000/svg">
4 <filter id=
"BlendNormal" >
5 <feOffset in=
"SourceGraphic" dx=
"75" dy=
"0" result=
"temp"/>
6 <feBlend in2=
"SourceGraphic" in=
"temp" mode=
"normal"/>
9 <filter id=
"BlendMultiply" >
10 <feOffset in=
"SourceGraphic" dx=
"75" dy=
"0" result=
"temp"/>
11 <feBlend in2=
"SourceGraphic" in=
"temp" mode=
"multiply"/>
14 <filter id=
"BlendScreen" >
15 <feOffset in=
"SourceGraphic" dx=
"75" dy=
"0" result=
"temp"/>
16 <feBlend in2=
"SourceGraphic" in=
"temp" mode=
"screen"/>
19 <filter id=
"BlendDarken" >
20 <feOffset in=
"SourceGraphic" dx=
"75" dy=
"0" result=
"temp"/>
21 <feBlend in2=
"SourceGraphic" in=
"temp" mode=
"darken"/>
24 <filter id=
"BlendLighten" >
25 <feOffset in=
"SourceGraphic" dx=
"75" dy=
"0" result=
"temp"/>
26 <feBlend in2=
"SourceGraphic" in=
"temp" mode=
"lighten"/>
29 <filter id=
"noblend" >
30 <feOffset in=
"SourceGraphic" dx=
"75" dy=
"0" result=
"temp"/>
32 <feMergeNode in=
"SourceGraphic"/>
33 <feMergeNode in=
"temp"/>
37 <radialGradient id=
"grad">
38 <stop offset=
"0" stop-color=
"yellow"/>
39 <stop offset=
"1" stop-color=
"lightgreen"/>
43 <rect x=
"0" y=
"0" width=
"75" height=
"75" fill=
"lightblue"/>
44 <rect x=
"75" y=
"0" width=
"75" height=
"75" fill=
"url(#grad)"/>
48 <rect x=
"0" y=
"0" width=
"75" height=
"75" fill=
"lightblue" opacity=
"0.5"/>
49 <rect x=
"75" y=
"0" width=
"75" height=
"75" fill=
"url(#grad)" opacity=
"0.5"/>
53 <rect x=
"0" y=
"0" width=
"75" height=
"75" fill=
"white"/>
54 <rect x=
"150" y=
"0" width=
"75" height=
"75" fill=
"white"/>
60 <use xlink:
href=
"#swatch" x=
"0" y=
"25" filter=
"url(#BlendNormal)"/>
61 <use xlink:
href=
"#mask" x=
"0" y =
"25"/>
62 <use xlink:
href=
"#swatchHalf" x=
"150" y=
"25" filter=
"url(#BlendNormal)"/>
63 <use xlink:
href=
"#mask" x=
"150" y =
"25"/>
64 <text x=
"10" y=
"50">normal
</text>
66 <use xlink:
href=
"#swatch" x=
"0" y=
"125" filter=
"url(#BlendMultiply)"/>
67 <use xlink:
href=
"#mask" x=
"0" y =
"125"/>
68 <use xlink:
href=
"#swatchHalf" x=
"150" y=
"125" filter=
"url(#BlendMultiply)"/>
69 <use xlink:
href=
"#mask" x=
"150" y =
"125"/>
70 <text x=
"10" y=
"150">multiply
</text>
72 <use xlink:
href=
"#swatch" x=
"0" y=
"225" filter=
"url(#BlendScreen)"/>
73 <use xlink:
href=
"#mask" x=
"0" y =
"225"/>
74 <use xlink:
href=
"#swatchHalf" x=
"150" y=
"225" filter=
"url(#BlendScreen)"/>
75 <use xlink:
href=
"#mask" x=
"150" y =
"225"/>
76 <text x=
"10" y=
"250">screen
</text>
78 <use xlink:
href=
"#swatch" x=
"0" y=
"325" filter=
"url(#BlendDarken)"/>
79 <use xlink:
href=
"#mask" x=
"0" y =
"325"/>
80 <use xlink:
href=
"#swatchHalf" x=
"150" y=
"325" filter=
"url(#BlendDarken)"/>
81 <use xlink:
href=
"#mask" x=
"150" y =
"325"/>
82 <text x=
"10" y=
"350">darken
</text>
84 <use xlink:
href=
"#swatch" x=
"0" y=
"425" filter=
"url(#BlendLighten)"/>
85 <use xlink:
href=
"#mask" x=
"0" y =
"425"/>
86 <use xlink:
href=
"#swatchHalf" x=
"150" y=
"425" filter=
"url(#BlendLighten)"/>
87 <use xlink:
href=
"#mask" x=
"150" y =
"425"/>
88 <text x=
"10" y=
"450">lighten
</text>
90 <use xlink:
href=
"#swatch" x=
"0" y=
"525" filter=
"url(#noblend)"/>
91 <use xlink:
href=
"#mask" x=
"0" y =
"525"/>
92 <use xlink:
href=
"#swatchHalf" x=
"150" y=
"525" filter=
"url(#noblend)"/>
93 <use xlink:
href=
"#mask" x=
"150" y =
"525"/>
94 <text x=
"10" y=
"550">no blend
</text>