Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(615)

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: LayoutTests/css3/filters/filterRegions-expected.html

Issue 1235293003: Implement filter effects region for reference filters. (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: Fixes per review comments Created 5 years, 5 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch | Annotate | Revision Log
« no previous file with comments | « LayoutTests/css3/filters/filterRegions.html ('k') | Source/core/layout/svg/ReferenceFilterBuilder.h » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
(Empty)
1 <!--
2
3 Copyright 2001 The Apache Software Foundation
4 Copyright 2014 The Chromium Authors. All rights reserved.
5
6 Licensed under the Apache License, Version 2.0 (the "License");
7 you may not use this file except in compliance with the License.
8 You may obtain a copy of the License at
9
10 http://www.apache.org/licenses/LICENSE-2.0
11
12 Unless required by applicable law or agreed to in writing, software
13 distributed under the License is distributed on an "AS IS" BASIS,
14 WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
15 See the License for the specific language governing permissions and
16 limitations under the License.
17
18 -->
19 <!-- ========================================================================= - ->
20 <!-- Based on batik/filters/filterRegions.svg and converted into an HTML - ->
21 <!-- reftest, this test validates the filter region processing for the top - ->
22 <!-- level filter nodes and filter primitives. For each test, a filter is - ->
23 <!-- invoked to render in a region specified by the filter region. The - ->
24 <!-- expected result draws a filled rectangle for the expected filter region - ->
25 <!-- - ->
26 <!-- @author vincent.hardy@eng.sun.com (for batik/filters/filterRegions.svg) - ->
27 <!-- ========================================================================= - ->
28
29 <html>
30 <body>
31 <style>
32 div {
33 position: absolute;
34 background-color: green;
35 }
36 .sample0Expected {
37 left: -10px;
38 top: -5px;
39 width: 120px;
40 height: 60px;
41 }
42 .sample1Expected {
43 left: 20px;
44 top: 30px;
45 width: 50px;
46 height: 40px;
47 }
48 .sample2Expected {
49 left: 25px;
50 top: 35px;
51 width: 50px;
52 height: 40px;
53 }
54 .sample3Expected {
55 left: 20px;
56 top: 30px;
57 width: 50px;
58 height: 20px;
59 }
60 .sample4Expected {
61 left: 20px;
62 top: 30px;
63 width: 25px;
64 height: 40px;
65 }
66 .sample5Expected {
67 left: 20px;
68 top: 10px;
69 width: 50px;
70 height: 40px;
71 }
72 .sample6Expected {
73 left: 10px;
74 top: 30px;
75 width: 50px;
76 height: 40px;
77 }
78 .sample2_0Expected {
79 left: -5px;
80 top: -3px;
81 width: 60px;
82 height: 31px;
83 }
84 .sample2_1Expected {
85 left: 20px;
86 top: 30px;
87 width: 50px;
88 height: 40px;
89 }
90 .sample2_2Expected {
91 left: 20px;
92 top: 30px;
93 width: 50px;
94 height: 40px;
95 }
96 .sample2_3Expected {
97 left: 32px;
98 top: 50px;
99 width: 26px;
100 height: 10px;
101 }
102 .sample2_4Expected {
103 left: 32px;
104 top: 50px;
105 width: 26px;
106 height: 10px;
107 }
108 .sample2_5Expected {
109 left: 40px;
110 top: 50px;
111 width: 50px;
112 height: 10px;
113 }
114 .sample3_1Expected {
115 left: 20px;
116 top: 30px;
117 width: 20px;
118 height: 25px;
119 }
120 .sample3_0Expected {
121 left: -4px;
122 top: -5px;
123 width: 48px;
124 height: 60px;
125 }
126 .sample3_2Expected {
127 left: 0px;
128 top: 0px;
129 width: 100px;
130 height: 80px;
131 }
132 .sample3_3Expected {
133 left: 25px;
134 top: 20px;
135 width: 37.5px;
136 height: 30px;
137 }
138 </style>
139 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlin k" id="body" width="450" height="500" viewBox="0 0 450 500">
140 <defs>
141 <filter id="filterRegion_0" >
142 <feFlood style="flood-color:red;" />
143 </filter>
144
145 <filter id="filterRegion_1" filterUnits="userSpaceOnUse"
146 primitiveUnits="userSpaceOnUse"
147 x="20" y="30" width="50" height="40">
148 <feFlood style="flood-color:red" />
149 </filter>
150
151 <filter id="filterRegion_2" filterUnits="userSpaceOnUse"
152 primitiveUnits="userSpaceOnUse"
153 x="20" y="30" width="50" height="40">
154 <feFlood style="flood-color:red" x="25" y="35" width="50" height="40 "/>
155 </filter>
156
157 <filter id="filterRegion_3" filterUnits="userSpaceOnUse"
158 primitiveUnits="userSpaceOnUse"
159 x="20" y="30" width="50" height="40">
160 <feFlood style="flood-color:red" height="20"/>
161 </filter>
162
163 <filter id="filterRegion_4" filterUnits="userSpaceOnUse"
164 primitiveUnits="userSpaceOnUse"
165 x="20" y="30" width="50" height="40">
166 <feFlood style="flood-color:red" width="25"/>
167 </filter>
168
169 <filter id="filterRegion_5" filterUnits="userSpaceOnUse"
170 primitiveUnits="userSpaceOnUse"
171 x="20" y="30" width="50" height="40">
172 <feFlood style="flood-color:red" y="10"/>
173 </filter>
174
175 <filter id="filterRegion_6" filterUnits="userSpaceOnUse"
176 primitiveUnits="userSpaceOnUse"
177 x="20" y="30" width="50" height="40">
178 <feFlood style="flood-color:red" x="10"/>
179 </filter>
180
181 <filter id="filterRegion_2_0" primitiveUnits="objectBoundingBox">
182 <feFlood style="flood-color:red;" />
183 </filter>
184
185 <filter id="filterRegion_2_1" filterUnits="userSpaceOnUse"
186 primitiveUnits="objectBoundingBox">
187 <feFlood style="flood-color:red;" x="0" y="0" width="1" height="1"/>
188 </filter>
189
190 <filter id="filterRegion_2_2" filterUnits="userSpaceOnUse"
191 primitiveUnits="objectBoundingBox">
192 <feFlood style="flood-color:red" x="0%" y="0%" width="100%" height=" 100%"/>
193 </filter>
194
195 <filter id="filterRegion_2_3" filterUnits="userSpaceOnUse"
196 primitiveUnits="objectBoundingBox">
197 <feFlood style="flood-color:red" x=".25" y="50%" width=".5" height=" 25%"/>
198 </filter>
199
200 <filter id="filterRegion_2_4" filterUnits="userSpaceOnUse"
201 primitiveUnits="objectBoundingBox">
202 <feFlood style="flood-color:red" x="25%" y=".5" width="50%" height=" .25"/>
203 </filter>
204
205 <filter id="filterRegion_2_5" filterUnits="userSpaceOnUse"
206 primitiveUnits="objectBoundingBox"
207 x="20" y="30" width="50" height="40">
208 <feFlood style="flood-color:red" y=".5" height=".25"/>
209 </filter>
210
211 <filter id="filterRegion_3_0" filterUnits="objectBoundingBox" >
212 <feFlood style="flood-color:red;" />
213 </filter>
214
215 <filter id="filterRegion_3_1" filterUnits="objectBoundingBox"
216 primitiveUnits="userSpaceOnUse">
217 <feFlood style="flood-color:red" x="20" y="30" width="20" height="25 "/>
218 </filter>
219
220 <filter id="filterRegion_3_2" filterUnits="objectBoundingBox"
221 primitiveUnits="userSpaceOnUse"
222 x="-1" y="-1" width="2" height="2">
223 <feFlood style="flood-color:red" />
224 </filter>
225
226 <filter id="filterRegion_3_3" filterUnits="objectBoundingBox"
227 primitiveUnits="userSpaceOnUse"
228 x="-50%" y="-50%" width="75%" height="75%" >
229 <feFlood style="flood-color:red" />
230 </filter>
231
232 </defs>
233
234 <div style="left: 30px; top: 50px;">
235 <div style="left: 240px; top: 95px;">
236 <div class="sample0Expected"></div>
237 </div>
238
239 <div>
240 <div class="sample1Expected"></div>
241 </div>
242
243 <div style="left: 100px; top: 0px;">
244 <div class="sample2Expected"></div>
245 </div>
246
247 <div style="left: 200px; top: 0px;">
248 <div class="sample3Expected"></div>
249 </div>
250
251 <div style="left: 300px; top: 0px;">
252 <div class="sample4Expected"></div>
253 </div>
254
255 <div style="left: 0px; top: 75px;">
256 <div class="sample5Expected"></div>
257 </div>
258
259 <div style="left: 100px; top: 75px;">
260 <div class="sample6Expected"></div>
261 </div>
262
263 <div style="left: 120px; top: 280px;">
264 <div class="sample2_0Expected"></div>
265 </div>
266
267 <div style="left: 0px; top: 160px;">
268 <div class="sample2_1Expected"></div>
269 </div>
270
271 <div style="left: 100px; top: 160px;">
272 <div class="sample2_2Expected"></div>
273 </div>
274
275 <div style="left: 200px; top: 160px;">
276 <div class="sample2_3Expected"></div>
277 </div>
278
279 <div style="left: 300px; top: 160px;">
280 <div class="sample2_4Expected"></div>
281 </div>
282
283 <div style="left: 0px; top: 245px;">
284 <div class="sample2_5Expected"></div>
285 </div>
286
287 <div style="left: 0px; top: 330px;">
288 <div class="sample3_1Expected"></div>
289 </div>
290
291 <div style="left: 320px; top: 330px;">
292 <div class="sample3_0Expected"></div>
293 </div>
294
295 <div style="left: 100px; top: 330px;">
296 <div class="sample3_2Expected"></div>
297 </div>
298
299 <div style="left: 200px; top: 330px;">
300 <div class="sample3_3Expected"></div>
301 </div>
302 </div>
303 </body>
304 </html>
OLDNEW
« no previous file with comments | « LayoutTests/css3/filters/filterRegions.html ('k') | Source/core/layout/svg/ReferenceFilterBuilder.h » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698