|
<?xml
version="1.0"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="380" height="320" version="1.1"
xmlns="http://www.w3.org/2000/svg">
<title>Blend-Filter</title>
<defs>
<filter id="Normal">
<feBlend mode="normal"
in2="BackgroundImage" in="SourceGraphic"/>
</filter>
<filter id="Multiply">
<feBlend mode="multiply"
in2="BackgroundImage" in="SourceGraphic"/>
</filter>
<filter id="Screen">
<feBlend mode="screen"
in2="BackgroundImage" in="SourceGraphic"/>
</filter>
<filter id="Darken">
<feBlend mode="darken"
in2="BackgroundImage" in="SourceGraphic"/>
</filter>
<filter id="Lighten">
<feBlend mode="lighten"
in2="BackgroundImage" in="SourceGraphic"/>
</filter>
<g id="zeile">
<text font-family="Verdana" font-size="30"
fill="#888888" fill-opacity="0.6" font-weight="bold"
x="20">0<tspan dx="30">1</tspan><tspan
dx="30">2</tspan><tspan dx="30">3</tspan></text>
</g>
</defs>
<g enable-background="new"
>
<rect x="10" y="0" width="50" height="100%"
fill="black" />
<rect x="60" y="0" width="50" height="100%"
fill="white" />
<rect x="110" y="0" width="50" height="100%"
fill="red" />
<rect x="160" y="0" width="50" height="100%"
fill="#606060" />
<use xlink:href="#zeile" y="50" />
<use xlink:href="#zeile" y="100"
filter="url(#Normal)"
/>
<use xlink:href="#zeile" y="150"
filter="url(#Multiply)"
/>
<use xlink:href="#zeile" y="200"
filter="url(#Screen)"
/>
<use xlink:href="#zeile" y="250"
filter="url(#Darken)"
/>
<use xlink:href="#zeile" y="300"
filter="url(#Lighten)"
/>
</g>
<text font-family="Verdana" font-size="20"
fill="#888888" y="50" x="220">ohne
Filter</text>
<text font-family="Verdana" font-size="20"
fill="#888888" y="100" x="220">Blend
normal</text>
<text font-family="Verdana" font-size="20"
fill="#888888" y="150" x="220">Blend
multiply</text>
<text font-family="Verdana" font-size="20"
fill="#888888" y="200" x="220">Blend
screen</text>
<text font-family="Verdana" font-size="20"
fill="#888888" y="250" x="220">Blend
darken</text>
<text font-family="Verdana" font-size="20"
fill="#888888" y="300" x="220">Blend
lighten</text>
</svg>
|
|
