1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
|
<svg id="svg-root" width="100%" height="100%"
viewBox="0 0 480 360" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<!--======================================================================-->
<!--= Copyright 2008 World Wide Web Consortium, (Massachusetts =-->
<!--= Institute of Technology, European Research Consortium for =-->
<!--= Informatics and Mathematics (ERCIM), Keio University). =-->
<!--= All Rights Reserved. =-->
<!--= See http://www.w3.org/Consortium/Legal/. =-->
<!--======================================================================-->
<d:SVGTestCase xmlns:d="http://www.w3.org/2000/02/svg/testsuite/description/"
template-version="1.3" reviewer="ED" owner="AG" status="created"
version="$Revision: 1.4 $" testname="$RCSfile: filters-conv-04-f.svg,v $">
<d:testDescription xmlns="http://www.w3.org/1999/xhtml" href="http://www.w3.org/TR/SVG11/filters.html#feConvolveMatrixElementBiasAttribute">
<p>
Tests the 'bias' attribute on 'feConvolveMatrix'.
</p>
<p>
The test uses a raster image and a vector graphic to test the effect
that the 'bias' attribute on 'feConvolveMatrix' has.
</p>
<p>
The first row of images in the test are four identical raster images.
The first image is the original unfiltered image. The second has the
filter kernel applied with no bias value specified. The third and fourth
images both have a bias value specified for the filter.
</p>
<p>
The second row of images in the test are four rectangle objects with a
gradient fill. The gradient fill transitions from opaque green to
transparent green. The first image is the original unfiltered graphic. The
second graphic has a filter kernel applied with no bias value specified.
The third and forth images both have a bias value specified for the
filter.
</p>
<p>
Behind each filter result there's a checkerboard pattern placed, to help
verify that there's transparency in the lower row, but not in the upper.
</p>
</d:testDescription>
<d:operatorScript xmlns="http://www.w3.org/1999/xhtml">
<p>
Run the test. No interaction required.
</p>
</d:operatorScript>
<d:passCriteria xmlns="http://www.w3.org/1999/xhtml">
<p>
The test has passed if:
</p>
<ul>
<li>
The raster images in the top row appears more faded and coarse for each instance
further to the right.
<ul>
<li>The first image (left most) must be smooth and clear</li>
<li>
The second image (second from the left) must contain the same colours as
the first image but have course outlining around the objects.
</li>
<li>
The third image (second from the right) must contain colour that is very faded
but have course outlining around the faded objects.
</li>
<li>
The last image (right most) must be completed faded such that all the colour
in the first image appears to have gone to white. Some course outlining should
appear in the image.
</li>
</ul>
</li>
<li>
The top row has no checkerboard pattern visible where the filtered results are.
</li>
<li>
The rectangle with a green gradient going from left to right appears
more faded for each instance further to the right.
<ul>
<li>
The first image (left most) must be a rect filled with a linear gradient that
transitions from solid green to transparent green.
</li>
<li>The second image (second from the left) must be identical to the first image.</li>
<li>
The third image (second from the right) must contain a linear gradient that transitions
from a solid faded green to transparent faded green.
</li>
<li>
The last image (right most) must contain a linear gradient that transitions from
solid white to transparent white.
</li>
</ul>
</li>
<li>
The bottom row must show 95% of the checkerboard pattern where the filtered results are
since the gradients are transparent.
</li>
</ul>
</d:passCriteria>
</d:SVGTestCase>
<title id="test-title">$RCSfile: filters-conv-04-f.svg,v $</title>
<defs>
<font-face
font-family="SVGFreeSansASCII"
unicode-range="U+0-7F">
<font-face-src>
<font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/>
</font-face-src>
</font-face>
</defs>
<g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
<defs>
<filter id="convolve-without-bias" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
<feConvolveMatrix kernelMatrix="1 1 1 1 -7 1 1 1 1" preserveAlpha="false"/>
</filter>
<filter id="convolve-with-bias05" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
<feConvolveMatrix kernelMatrix="1 1 1 1 -7 1 1 1 1" preserveAlpha="false" bias="0.5"/>
</filter>
<filter id="convolve-with-bias1" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
<feConvolveMatrix kernelMatrix="1 1 1 1 -7 1 1 1 1" preserveAlpha="false" bias="1"/>
</filter>
<linearGradient id="test_linear_gradient" gradientUnits="objectBoundingBox" x1="0" x2="1" y1="0" y2="0">
<stop stop-color="#00FF00" stop-opacity="1" offset="0"/>
<stop stop-color="#00FF00" stop-opacity="0" offset="1"/>
</linearGradient>
</defs>
<g transform="translate(0, 20)">
<image x="12" y="1" width="97" height="98" xlink:href="images/DisplaceChecker.png"/>
<image x="127" y="1" width="97" height="98" xlink:href="images/DisplaceChecker.png"/>
<image x="242" y="1" width="97" height="98" xlink:href="images/DisplaceChecker.png"/>
<image x="357" y="1" width="97" height="98" xlink:href="images/DisplaceChecker.png"/>
<image x="10" y="0" width="100" height="100" xlink:href="images/townsville.jpg" />
<image x="125" y="0" width="100" height="100" xlink:href="images/townsville.jpg" filter="url(#convolve-without-bias)"/>
<image x="240" y="0" width="100" height="100" xlink:href="images/townsville.jpg" filter="url(#convolve-with-bias05)"/>
<image x="355" y="0" width="100" height="100" xlink:href="images/townsville.jpg" filter="url(#convolve-with-bias1)"/>
</g>
<g transform="translate(0, 110)">
<image x="11" y="51" width="98" height="98" xlink:href="images/DisplaceChecker.png"/>
<image x="126" y="51" width="98" height="98" xlink:href="images/DisplaceChecker.png"/>
<image x="241" y="51" width="98" height="98" xlink:href="images/DisplaceChecker.png"/>
<image x="356" y="51" width="98" height="98" xlink:href="images/DisplaceChecker.png"/>
<rect fill="url(#test_linear_gradient)" stroke="black" x="10" y="50" width="100" height="100"/>
<rect fill="url(#test_linear_gradient)" stroke="black" x="125" y="50" width="100" height="100" filter="url(#convolve-without-bias)"/>
<rect fill="url(#test_linear_gradient)" stroke="black" x="240" y="50" width="100" height="100" filter="url(#convolve-with-bias05)"/>
<rect fill="url(#test_linear_gradient)" stroke="black" x="355" y="50" width="100" height="100" filter="url(#convolve-with-bias1)"/>
</g>
</g>
<g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
<text id="revision" x="10" y="340" stroke="none"
fill="black">$Revision: 1.4 $</text>
</g>
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000"/>
<!-- comment out this watermark once the test is approved -->
<g id="draft-watermark">
<rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>
<text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240"
text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
</g>
</svg>
|
