<
svg id="svg-root"
width="450"
height="450" xmlns:xlink="
http://www.w3.org/1999/xlink" xmlns="
http://www.w3.org/2000/svg" >
<
title id="test-title">filters-convolve-BE-06</
title>
<
desc id="test-desc">Test which verifies the basic facilities of feConvolveMatrix.</
desc>
<
g id="test-body-content">
<
g>
<
defs id="defs1">
<
filter id="convolve6"
filterUnits="objectBoundingBox"
x="0%"
y="0%"
width="100%"
height="100%">
<
feConvolveMatrix order="1 3"
kernelMatrix="0.3333 0.3333 0.3333"
edgeMode="none"/>
</
filter>
<
filter id="convolve5"
filterUnits="objectBoundingBox"
x="0%"
y="0%"
width="100%"
height="100%">
<
feConvolveMatrix order="3 1"
kernelMatrix="0.3333 0.3333 0.3333"
edgeMode="none"/>
</
filter>
<
filter id="convolve1"
filterUnits="objectBoundingBox"
x="0%"
y="0%"
width="100%"
height="100%">
<
feConvolveMatrix order="3 3"
kernelMatrix="0.1111 0.1111 0.1111 0.1111 0.1111 0.1111 0.1111 0.1111 0.1111"
edgeMode="none"/>
</
filter>
<
filter id="convolve3"
filterUnits="objectBoundingBox"
x="0%"
y="0%"
width="100%"
height="100%">
<
feConvolveMatrix order="3 3"
kernelMatrix="-1 -1 -1 -1 9 -1 -1 -1 -1"
edgeMode="none"/>
</
filter>
<
filter id="convolve2"
filterUnits="objectBoundingBox"
x="0%"
y="0%"
width="100%"
height="100%">
<
feConvolveMatrix order="3 3"
kernelMatrix="-1 -1 -1 -1 8 -1 -1 -1 -1"
edgeMode="none"/>
</
filter>
<
filter id="convolve4"
filterUnits="objectBoundingBox"
x="0%"
y="0%"
width="100%"
height="100%">
<
feConvolveMatrix order="3 3"
kernelMatrix="-2 0 0 0 1 0 0 0 2"
edgeMode="none"/>
</
filter>
</
defs>
<
g style="
shape-rendering:geometricPrecision;
text-rendering:geometricPrecision;">
<
text x="10"
y="20"
style="
stroke:none;
opacity:1;
filter:none;">Blur (3x3)</
text>
<
g style="
opacity:1;
filter:none;">
<
image width="50"
height="63"
xlink:href="convolveImage.png"
x="10"
y="30"
style="
filter:url(#convolve1);"/>
</
g>
<
text x="10"
y="20"
transform="translate(0,93)"
style="
stroke:none;
opacity:1;
filter:none;">Edge Detection (3x3)</
text>
<
g transform="translate(0,93)"
style="
opacity:1;
filter:none;">
<
image width="50"
height="63"
xlink:href="convolveImage.png"
x="10"
y="30"
style="
filter:url(#convolve2);"/>
</
g>
<
text x="10"
y="20"
transform="translate(0,186)"
style="
stroke:none;
opacity:1;
filter:none;">Sharpening (3x3)</
text>
<
g transform="translate(0,186)"
style="
opacity:1;
filter:none;">
<
image width="50"
height="63"
xlink:href="convolveImage.png"
x="10"
y="30"
style="
filter:url(#convolve3);"/>
</
g>
<
text x="10"
y="20"
transform="translate(150,0)"
style="
stroke:none;
opacity:1;
filter:none;">Embossing (3x3)</
text>
<
g transform="translate(150,0)"
style="
opacity:1;
filter:none;">
<
image width="50"
height="63"
xlink:href="convolveImage.png"
x="10"
y="30"
style="
filter:url(#convolve4);"/>
</
g>
<
text x="10"
y="20"
transform="translate(150,93)"
style="
stroke:none;
opacity:1;
filter:none;">Horizontal blur (3x1)</
text>
<
g transform="translate(150,93)"
style="
opacity:1;
filter:none;">
<
image width="50"
height="63"
xlink:href="convolveImage.png"
x="10"
y="30"
style="
filter:url(#convolve5);"/>
</
g>
<
text x="10"
y="20"
transform="translate(150,186)"
style="
stroke:none;
opacity:1;
filter:none;">Vertical blur (1x3)</
text>
<
g transform="translate(150,186)"
style="
opacity:1;
filter:none;">
<
image width="50"
height="63"
xlink:href="convolveImage.png"
x="10"
y="30"
style="
filter:url(#convolve6);"/>
</
g>
</
g>
</
g>
</
g>
<
g id="test-legend"
style="
fill:black;
font-family:Helvetica;
font-size:10;">
<
rect x="10"
y="390"
width="275"
height="50"
style="
fill:none;
stroke:#000000;"/>
<
path style="
fill:none;
stroke:#000000;"
d="M10 405 h275 M205 405 v35 M10 426 h195 M205 422 h80"/>
<
text x="25"
y="401">Scalable Vector Graphics (SVG) Conformance Suite</
text>
<
a xlink:href="copyright-documents-19990405.html">
<
text x="12"
y="437"
style="
fill:blue;">Copyright 2000 W3C. All Rights Reserved.</
text>
</
a>
<
text style="
font-size:12;"
x="35"
y="420">filters-convolve-BE-06</
text>
<
text style="
font-size:10;"
x="210"
y="417">$Revision: 1.1 $</
text>
<
text style="
font-size:10;"
x="210"
y="435">Release 2.0</
text>
<
rect id="test-frame"
x="1"
y="1"
width="448"
height="448"
style="
fill:none;
stroke:#000000;"/>
</
g>
</
svg>