Gitiles
Code Review Sign In
gerrit-public.fairphone.software / platform / external / skia / 32546db1494a6c6433a7919844133a6ff5b5c7b2 / . / experimental / Intersection / op.htm
blob: ae231663e05cd37acc6e2b5f08f2db5f5e15adb8 [file] [log] [blame]
caryclark@google.com32546db2012-08-31 20:55:07 +0000[diff] [blame^]1<!-- path visualizer -->
caryclark@google.com752b60e2012-03-22 21:11:17 +0000[diff] [blame]2<html>
3<head>
4<div style="height:0">
caryclark@google.comfa0588f2012-04-26 21:01:06 +0000[diff] [blame]5
6<div id="testSimplifyQuadratic1">
7 SkPath path, out;
8 path.moveTo(0, 0);
9 path.quadTo(1, 0, 1, 1);
10 path.close();
11 path.moveTo(1, 0);
12 path.quadTo(0, 0, 0, 1);
13 path.close();
14 testSimplify(path, true, out, bitmap);
15}
caryclark@google.com752b60e2012-03-22 21:11:17 +0000[diff] [blame]16</div>
caryclark@google.comfa0588f2012-04-26 21:01:06 +0000[diff] [blame]17
18<div id="testSimplifyQuadratic2">
19 SkPath path, out;
20 path.moveTo(0, 0);
21 path.quadTo(20, 0, 20, 20);
22 path.close();
23 path.moveTo(20, 0);
24 path.quadTo(0, 0, 0, 20);
25 path.close();
26 testSimplify(path, true, out, bitmap);
27}
caryclark@google.comd88e0892012-03-27 13:23:51 +0000[diff] [blame]28</div>
caryclark@google.comfa0588f2012-04-26 21:01:06 +0000[diff] [blame]29
30<div id="testSimplifyQuadratic3">
31 SkPath path, out;
32 path.moveTo(0, 0);
33 path.quadTo(20, 0, 20, 20);
34 path.close();
35 path.moveTo(0, 20);
36 path.quadTo(0, 0, 20, 0);
37 path.close();
38 testSimplify(path, true, out, bitmap);
39}
caryclark@google.comd88e0892012-03-27 13:23:51 +0000[diff] [blame]40</div>
caryclark@google.comfa0588f2012-04-26 21:01:06 +0000[diff] [blame]41
42<div id="testSimplifyQuadratic4">
43 SkPath path, out;
44 path.moveTo(0, 20);
45 path.quadTo(20, 0, 40, 20);
46 path.close();
47 path.moveTo(40, 10);
48 path.quadTo(20, 30, 0, 10);
49 path.close();
50 testSimplify(path, true, out, bitmap);
51 drawAsciiPaths(path, out, true);
52}
caryclark@google.comd88e0892012-03-27 13:23:51 +0000[diff] [blame]53</div>
caryclark@google.comfa0588f2012-04-26 21:01:06 +0000[diff] [blame]54
55<div id="testSimplifyQuadratic5">
56 SkPath path, out;
57 path.moveTo(0, 0);
58 path.quadTo(0, 0, 0, 0);
59 path.lineTo(0, 0);
60 path.close();
61 path.moveTo(0, 0);
62 path.lineTo(0, 0);
63 path.quadTo(0, 0, 0, 1);
64 path.close();
65 testSimplify(path, true, out, bitmap);
66 drawAsciiPaths(path, out, true);
67}
caryclark@google.comfb173422012-04-10 18:28:55 +0000[diff] [blame]68</div>
caryclark@google.comfa0588f2012-04-26 21:01:06 +0000[diff] [blame]69
70<div id="testSimplifyQuadratic6">
71 SkPath path, out;
72 path.moveTo(0, 0);
73 path.quadTo(0, 0, 0, 0);
74 path.lineTo(1, 0);
75 path.close();
76 path.moveTo(0, 0);
77 path.lineTo(0, 0);
78 path.quadTo(1, 0, 0, 1);
79 path.close();
80 testSimplify(path, true, out, bitmap);
81 drawAsciiPaths(path, out, true);
82}
caryclark@google.comfb173422012-04-10 18:28:55 +0000[diff] [blame]83</div>
caryclark@google.comfa0588f2012-04-26 21:01:06 +0000[diff] [blame]84
85<div id="testSimplifyQuadratic7">
86 SkPath path, out;
87 path.moveTo(0, 0);
88 path.quadTo(0, 0, 0, 0);
89 path.lineTo(0, 1);
90 path.close();
91 path.moveTo(0, 0);
92 path.lineTo(0, 0);
93 path.quadTo(1, 0, 0, 2);
94 path.close();
95 testSimplify(path, true, out, bitmap);
96 drawAsciiPaths(path, out, true);
97}
98</div>
99
100<div id="testSimplifyQuadratic8">
101 SkPath path, out;
102 path.moveTo(0, 0);
103 path.quadTo(0, 0, 0, 0);
104 path.lineTo(0, 0);
105 path.close();
106 path.moveTo(0, 0);
107 path.lineTo(0, 0);
108 path.quadTo(1, 0, 0, 2);
109 path.close();
110 testSimplify(path, true, out, bitmap);
111 drawAsciiPaths(path, out, true);
112}
113</div>
114
115<div id="testSimplifyQuadratic9">
116 SkPath path, out;
117 path.moveTo(0, 0);
118 path.quadTo(0, 0, 0, 0);
119 path.lineTo(1, 1);
120 path.close();
121 path.moveTo(0, 0);
122 path.lineTo(0, 0);
123 path.quadTo(1, 0, 2, 2);
124 path.close();
125 testSimplify(path, true, out, bitmap);
126 drawAsciiPaths(path, out, true);
127}
128</div>
129
130<div id="testSimplifyQuadratic10">
131 SkPath path, out;
caryclark@google.com78e17132012-04-17 11:40:34 +0000[diff] [blame]132 path.moveTo(0, 0);
133 path.quadTo(0, 0, 0, 0);
134 path.lineTo(0, 0);
135 path.close();
136 path.moveTo(0, 0);
137 path.lineTo(0, 1);
138 path.quadTo(1, 1, 1, 2);
caryclark@google.com78e17132012-04-17 11:40:34 +0000[diff] [blame]139 path.close();
caryclark@google.comfa0588f2012-04-26 21:01:06 +0000[diff] [blame]140 testSimplify(path, true, out, bitmap);
141 drawAsciiPaths(path, out, true);
142}
caryclark@google.com78e17132012-04-17 11:40:34 +0000[diff] [blame]143</div>
144
caryclark@google.comfa0588f2012-04-26 21:01:06 +0000[diff] [blame]145<div id="testSimplifyQuadratic11">
146 SkPath path, out;
caryclark@google.com78e17132012-04-17 11:40:34 +0000[diff] [blame]147 path.moveTo(0, 0);
148 path.quadTo(0, 0, 0, 0);
149 path.lineTo(0, 2);
caryclark@google.com78e17132012-04-17 11:40:34 +0000[diff] [blame]150 path.close();
151 path.moveTo(0, 0);
152 path.lineTo(2, 1);
153 path.quadTo(2, 2, 3, 3);
caryclark@google.comfa0588f2012-04-26 21:01:06 +0000[diff] [blame]154 path.close();
155 testSimplify(path, true, out, bitmap);
156 drawAsciiPaths(path, out, true);
157}
158</div>
159
160<div id="testSimplifyQuadratic12">
161 SkPath path, out;
162 path.moveTo(0, 0);
163 path.lineTo(0, 2);
caryclark@google.com78e17132012-04-17 11:40:34 +0000[diff] [blame]164 path.lineTo(0, 0);
165 path.close();
caryclark@google.comfa0588f2012-04-26 21:01:06 +0000[diff] [blame]166 path.moveTo(3, 0);
167 path.quadTo(1, 1, 0, 2);
168 path.lineTo(3, 0);
169 path.close();
170 testSimplify(path, true, out, bitmap);
171 drawAsciiPaths(path, out, true);
172}
caryclark@google.com78e17132012-04-17 11:40:34 +0000[diff] [blame]173</div>
174
caryclark@google.comfa0588f2012-04-26 21:01:06 +0000[diff] [blame]175<div id="testSimplifyQuadratic13">
176 SkPath path, out;
caryclark@google.com78e17132012-04-17 11:40:34 +0000[diff] [blame]177path.moveTo(0, 0);
178path.quadTo(0, 0, 1, 0);
179path.lineTo(1, 1);
180path.lineTo(0, 0);
181path.close();
182path.moveTo(0, 0);
183path.quadTo(3, 0, 1, 1);
184path.lineTo(0, 0);
185path.close();
caryclark@google.comfa0588f2012-04-26 21:01:06 +0000[diff] [blame]186 testSimplify(path, true, out, bitmap);
187 drawAsciiPaths(path, out, true);
188}
caryclark@google.com78e17132012-04-17 11:40:34 +0000[diff] [blame]189</div>
190
caryclark@google.comfa0588f2012-04-26 21:01:06 +0000[diff] [blame]191<div id="testSimplifyQuadratic14">
192 SkPath path, out;
caryclark@google.com78e17132012-04-17 11:40:34 +0000[diff] [blame]193 path.moveTo(0, 0);
194 path.quadTo(0, 0, 0, 0);
195 path.lineTo(1, 1);
caryclark@google.com78e17132012-04-17 11:40:34 +0000[diff] [blame]196 path.close();
197 path.moveTo(0, 0);
198 path.lineTo(0, 0);
199 path.quadTo(0, 1, 2, 1);
caryclark@google.com78e17132012-04-17 11:40:34 +0000[diff] [blame]200 path.close();
caryclark@google.comfa0588f2012-04-26 21:01:06 +0000[diff] [blame]201 testSimplify(path, true, out, bitmap);
202 drawAsciiPaths(path, out, true);
203}
caryclark@google.com78e17132012-04-17 11:40:34 +0000[diff] [blame]204</div>
205
caryclark@google.comfa0588f2012-04-26 21:01:06 +0000[diff] [blame]206<div id="testSimplifyQuadratic15">
207 SkPath path, out;
208 path.moveTo(0, 0);
209 path.quadTo(0, 0, 1, 3);
210 path.lineTo(3, 3);
211 path.close();
212 path.moveTo(0, 1);
213 path.lineTo(1, 1);
214 path.quadTo(0, 3, 3, 3);
215 path.close();
216 testSimplify(path, true, out, bitmap);
217 drawAsciiPaths(path, out, true);
218}
219</div>
220
221<div id="testSimplifyQuadratic16">
222 SkPath path, out;
223 path.moveTo(0, 0);
224 path.quadTo(0, 0, 0, 0);
225 path.lineTo(0, 1);
226 path.close();
227 path.moveTo(0, 0);
228 path.lineTo(0, 0);
229 path.quadTo(1, 0, 0, 1);
230 path.close();
231 testSimplify(path, true, out, bitmap);
232 drawAsciiPaths(path, out, true);
233}
234</div>
235
236<div id="testSimplifyQuadratic17">
237 SkPath path, out;
caryclark@google.comb45a1b42012-05-18 20:50:33 +0000[diff] [blame]238 path.moveTo(8, 8);
239 path.quadTo(10, 10, 8, -10);
caryclark@google.comfa0588f2012-04-26 21:01:06 +0000[diff] [blame]240 path.close();
caryclark@google.comb45a1b42012-05-18 20:50:33 +0000[diff] [blame]241 path.moveTo(8, 8);
242 path.quadTo(12, 12, 14, 4);
243 path.close();
244 path.moveTo(8, 8);
245 path.quadTo(9, 9, 10, 8);
caryclark@google.comfa0588f2012-04-26 21:01:06 +0000[diff] [blame]246 path.close();
247 testSimplify(path, true, out, bitmap);
248 drawAsciiPaths(path, out, true);
249}
caryclark@google.com78e17132012-04-17 11:40:34 +0000[diff] [blame]250</div>
caryclark@google.comfb173422012-04-10 18:28:55 +0000[diff] [blame]251
caryclark@google.comb45a1b42012-05-18 20:50:33 +0000[diff] [blame]252<div id="testSimplifyQuadratic18">
253 SkPath path, out;
254 path.moveTo(8.0000000000000071, 8.0000000000000071);
255 path.quadTo(8.7289570079366854, 8.7289570079366889, 9.3914917259458743, 9.0593802763083691);
256 path.close();
257 path.moveTo(8.0000000000000142, 8.0000000000000142);
258 path.quadTo(8.1250000000000107, 8.1250000000000071, 8.2500000000000071, 8.2187500000000053);
259 path.close();
260 testSimplify(path, true, out, bitmap);
261 drawAsciiPaths(path, out, true);
262</div>
caryclark@google.com8dcf1142012-07-02 20:27:02 +0000[diff] [blame]263
264<div id="testSimplifyQuadratic19">
265 SkPath path, simple;
266 path.moveTo(0,4);
267 path.lineTo(6,4);
268 path.lineTo(3,1);
269 path.close();
270 path.moveTo(2,3);
271 path.lineTo(3,2);
272 path.lineTo(4,3);
273 path.close();
274 testSimplifyx(path);
275</div>
276
277<div id="testSimplifyQuadratic20">
278 SkPath path, simple;
279 path.moveTo(0,4);
280 path.lineTo(6,4);
281 path.lineTo(3,1);
282 path.close();
283 path.moveTo(2,3);
284 path.lineTo(4,3);
285 path.lineTo(3,2);
286 path.close();
287 testSimplifyx(path);
288</div>
289
290<div id="testSimplifyQuadratic21">
291 SkPath path, simple;
292 path.moveTo(0,4);
293 path.lineTo(8,4);
294 path.lineTo(4,0);
295 path.close();
296 path.moveTo(2,2);
297 path.lineTo(3,3);
298 path.lineTo(4,2);
299 path.close();
300 testSimplifyx(path);
301</div>
302
303<div id="testLine6">
304 SkPath path, simple;
305 path.moveTo(0,0);
306 path.lineTo(4,0);
307 path.lineTo(2,2);
308 path.close();
309 path.moveTo(2,0);
310 path.lineTo(6,0);
311 path.lineTo(4,2);
312 path.close();
313 testSimplifyx(path);
314</div>
315
caryclark@google.comfa4a6e92012-07-11 17:52:32 +0000[diff] [blame]316<div id="testLine7">
317 SkPath path, simple;
318 path.moveTo(0,0);
319 path.lineTo(4,0);
320 path.lineTo(2,2);
321 path.close();
322 path.moveTo(6,0);
323 path.lineTo(2,0);
324 path.lineTo(4,2);
325 path.close();
326 testSimplifyx(path);
327</div>
328
caryclark@google.comcc905052012-07-25 20:59:42 +0000[diff] [blame]329<div id="testLine7b">
330 path.moveTo(0,0);
331 path.lineTo(4,0);
332 path.close();
333 path.moveTo(6,0);
334 path.lineTo(2,0);
335 path.lineTo(4,2);
336 path.close();
337</div>
338
caryclark@google.comfa4a6e92012-07-11 17:52:32 +0000[diff] [blame]339<div id="testLine9">
340 SkPath path, simple;
341 path.moveTo(0,4);
342 path.lineTo(4,4);
343 path.lineTo(2,2);
344 path.close();
345 path.moveTo(6,4);
346 path.lineTo(2,4);
347 path.lineTo(4,2);
348 path.close();
349 testSimplifyx(path);
350</div>
351
caryclark@google.come21cb182012-07-23 21:26:31 +0000[diff] [blame]352<div id="testLine12">
353 path.moveTo(0,4);
354 path.lineTo(6,4);
355 path.lineTo(3,1);
356 path.close();
357 path.moveTo(2,3);
358 path.lineTo(3,2);
359 path.lineTo(4,3);
360 path.close();
361</div>
362
363<div id="testLine13">
364 path.moveTo(6,4);
365 path.lineTo(0,4);
366 path.lineTo(3,1);
367 path.close();
368 path.moveTo(3,2);
369 path.lineTo(2,3);
370 path.lineTo(4,3);
371 path.close();
372</div>
373
caryclark@google.com8dcf1142012-07-02 20:27:02 +0000[diff] [blame]374<div id="testLine17">
375 SkPath path, simple;
376 path.addRect(0, 0, 12, 12, (SkPath::Direction) 0);
377 path.addRect(4, 12, 13, 13, (SkPath::Direction) 0);
378 testSimplifyx(path);
379</div>
380
caryclark@google.com47580692012-07-23 12:14:49 +0000[diff] [blame]381<div id="testLine19">
382 SkPath path, simple;
383 path.addRect(0, 0, 12, 12, (SkPath::Direction) 0);
384 path.addRect(12, 16, 21, 21, (SkPath::Direction) 0);
385 testSimplifyx(path);
386</div>
387
caryclark@google.comcc905052012-07-25 20:59:42 +0000[diff] [blame]388<div id="testLine22">
389 path.addRect(0, 12, 12, 12, (SkPath::Direction) 0);
390 path.addRect(4, 12, 13, 13, (SkPath::Direction) 0);
391</div>
392
caryclark@google.com47580692012-07-23 12:14:49 +0000[diff] [blame]393<div id="testLine24">
394 path.addRect(0, 18, 12, 12, (SkPath::Direction) 0);
395 path.addRect(4, 12, 13, 13, (SkPath::Direction) 0);
396</div>
397
caryclark@google.comfa4a6e92012-07-11 17:52:32 +0000[diff] [blame]398<div id="testLine28">
399 SkPath path, simple;
400 path.addRect(0, 6, 12, 12, (SkPath::Direction) 0);
401 path.addRect(0, 0, 9, 9, (SkPath::Direction) 0);
402 testSimplifyx(path);
403</div>
404
405<div id="testLine29">
406 SkPath path, simple;
407 path.addRect(0, 18, 12, 12, (SkPath::Direction) 0);
408 path.addRect(12, 12, 21, 21, (SkPath::Direction) 0);
409 testSimplifyx(path);
410</div>
411
412<div id="testLine30">
413 path.addRect(0, 0, 20, 20, (SkPath::Direction) 0);
414 path.addRect(0, 0, 12, 12, (SkPath::Direction) 0);
415 path.addRect(4, 4, 13, 13, (SkPath::Direction) 0);
416</div>
417
418<div id="testLine31">
419 path.addRect(0, 0, 20, 20, (SkPath::Direction) 0);
420 path.addRect(0, 0, 12, 12, (SkPath::Direction) 0);
421 path.addRect(0, 4, 9, 9, (SkPath::Direction) 0);
422</div>
423
424<div id="testLine32">
425 path.addRect(0, 0, 20, 20, (SkPath::Direction) 0);
426 path.addRect(0, 0, 12, 12, (SkPath::Direction) 0);
427 path.addRect(4, 12, 13, 13, (SkPath::Direction) 0);
428</div>
429
caryclark@google.com9764cc62012-07-12 19:29:45 +0000[diff] [blame]430<div id="testLine33">
431 path.addRect(0, 0, 20, 20, (SkPath::Direction) 0);
432 path.addRect(0, 0, 12, 12, (SkPath::Direction) 0);
433 path.addRect(4, 16, 13, 13, (SkPath::Direction) 0);
434</div>
435
caryclark@google.com210acaf2012-07-12 21:05:13 +0000[diff] [blame]436<div id="testLine34">
437 path.addRect(0, 0, 20, 20, (SkPath::Direction) 0);
438 path.addRect(0, 6, 12, 12, (SkPath::Direction) 0);
439 path.addRect(4, 12, 13, 13, (SkPath::Direction) 0);
440</div>
441
442<div id="testLine35">
443 path.addRect(0, 0, 20, 20, (SkPath::Direction) 0);
444 path.addRect(6, 0, 18, 18, (SkPath::Direction) 0);
445 path.addRect(4, 16, 13, 13, (SkPath::Direction) 0);
446</div>
447
caryclark@google.com0e08a192012-07-13 21:07:52 +0000[diff] [blame]448<div id="testLine36">
449 path.addRect(0, 10, 20, 20, (SkPath::Direction) 0);
450 path.addRect(6, 12, 18, 18, (SkPath::Direction) 0);
451 path.addRect(4, 16, 13, 13, (SkPath::Direction) 0);
452</div>
453
caryclark@google.com47580692012-07-23 12:14:49 +0000[diff] [blame]454<div id="testLine37">
455 path.addRect(0, 20, 20, 20, (SkPath::Direction) 0);
456 path.addRect(18, 24, 30, 30, (SkPath::Direction) 0);
457 path.addRect(0, 0, 9, 9, (SkPath::Direction) 0);
458</div>
459
460<div id="testLine38">
461 path.addRect(10, 0, 30, 30, (SkPath::Direction) 0);
462 path.addRect(6, 12, 18, 18, (SkPath::Direction) 0);
463 path.addRect(12, 12, 21, 21, (SkPath::Direction) 0);
464</div>
465
466<div id="testLine39">
467 path.addRect(10, 0, 30, 30, (SkPath::Direction) 0);
468 path.addRect(12, 6, 24, 24, (SkPath::Direction) 0);
469 path.addRect(12, 4, 21, 21, (SkPath::Direction) 0);
470</div>
471
472<div id="testLine40">
473 path.addRect(10, 0, 30, 30, (SkPath::Direction) 0);
474 path.addRect(12, 18, 24, 24, (SkPath::Direction) 0);
475 path.addRect(4, 16, 13, 13, (SkPath::Direction) 0);
476</div>
477
478<div id="testLine41">
479 path.addRect(0, 0, 20, 20, (SkPath::Direction) 0);
480 path.addRect(18, 24, 30, 30, (SkPath::Direction) 0);
481 path.addRect(12, 0, 21, 21, (SkPath::Direction) 0);
482</div>
483
484<div id="testLine42">
485 path.addRect(0, 0, 20, 20, (SkPath::Direction) 0);
486 path.addRect(0, 0, 12, 12, (SkPath::Direction) 0);
487 path.addRect(8, 16, 17, 17, (SkPath::Direction) 0);
488</div>
489
490<div id="testLine43">
491 path.addRect(0, 0, 20, 20, (SkPath::Direction) 0);
492 path.addRect(6, 24, 18, 18, (SkPath::Direction) 0);
493 path.addRect(0, 32, 9, 36, (SkPath::Direction) 1);
494</div>
495
496<div id="testLine44">
497 path.addRect(10, 40, 30, 30, (SkPath::Direction) 0);
498 path.addRect(18, 0, 30, 30, (SkPath::Direction) 0);
499 path.addRect(18, 32, 27, 36, (SkPath::Direction) 1);
500</div>
501
502<div id="testLine45">
503 path.addRect(10, 0, 30, 30, (SkPath::Direction) 0);
504 path.addRect(18, 0, 30, 30, (SkPath::Direction) 0);
505 path.addRect(24, 32, 33, 36, (SkPath::Direction) 0);
506</div>
507
508<div id="testLine46">
509 path.addRect(10, 40, 30, 30, (SkPath::Direction) 0);
510 path.addRect(24, 0, 36, 36, (SkPath::Direction) 0);
511 path.addRect(24, 32, 33, 36, (SkPath::Direction) 0);
512</div>
513
514<div id="testLine47">
515 path.addRect(0, 0, 20, 20, (SkPath::Direction) 0);
516 path.addRect(0, 0, 12, 12, (SkPath::Direction) 0);
517 path.addRect(0, 0, 9, 9, (SkPath::Direction) 1);
518</div>
519
520<div id="testLine48">
521 path.addRect(0, 0, 20, 20, (SkPath::Direction) 0);
522 path.addRect(0, 6, 12, 12, (SkPath::Direction) 0);
523 path.addRect(0, 0, 9, 9, (SkPath::Direction) 1);
524</div>
525
526<div id="testLine49">
527 path.addRect(0, 0, 20, 20, (SkPath::Direction) 0);
528 path.addRect(0, 0, 12, 12, (SkPath::Direction) 0);
529 path.addRect(0, 0, 9, 9, (SkPath::Direction) 0);
530</div>
531
532<div id="testLine50">
533 path.addRect(10, 30, 30, 30, (SkPath::Direction) 0);
534 path.addRect(24, 20, 36, 30, (SkPath::Direction) 0);
535</div>
536
537<div id="testLine51">
538 path.addRect(0, 0, 20, 20, (SkPath::Direction) 0);
539 path.addRect(0, 12, 12, 12, (SkPath::Direction) 0);
540 path.addRect(4, 12, 13, 13, (SkPath::Direction) 1);
541</div>
542
caryclark@google.come21cb182012-07-23 21:26:31 +0000[diff] [blame]543<div id="testLine52">
544 path.addRect(0, 30, 20, 20, (SkPath::Direction) 0);
545 path.addRect(6, 20, 18, 30, (SkPath::Direction) 0);
546 path.addRect(32, 0, 36, 41, (SkPath::Direction) 0);
547</div>
548
549<div id="testLine53">
550 path.addRect(10, 30, 30, 30, (SkPath::Direction) 0);
551 path.addRect(12, 20, 24, 30, (SkPath::Direction) 0);
552 path.addRect(12, 32, 21, 36, (SkPath::Direction) 1);
553</div>
554
555<div id="testLine54">
556 path.addRect(0, 0, 20, 20, (SkPath::Direction) 0);
557 path.addRect(6, 0, 18, 18, (SkPath::Direction) 0);
558 path.addRect(8, 4, 17, 17, (SkPath::Direction) 1);
559</div>
560
561<div id="testLine55">
562 path.addRect(0, 0, 20, 20, (SkPath::Direction) 0);
563 path.addRect(6, 6, 18, 18, (SkPath::Direction) 0);
564 path.addRect(4, 4, 13, 13, (SkPath::Direction) 1);
565</div>
566
caryclark@google.com18063442012-07-25 12:05:18 +0000[diff] [blame]567<div id="testLine56">
568 path.addRect(0, 20, 20, 20, (SkPath::Direction) 0);
569 path.addRect(18, 20, 30, 30, (SkPath::Direction) 0);
570 path.addRect(12, 0, 21, 21, (SkPath::Direction) 1);
571</div>
572
573<div id="testLine57">
574 path.addRect(20, 0, 40, 40, (SkPath::Direction) 0);
575 path.addRect(20, 0, 30, 40, (SkPath::Direction) 0);
576 path.addRect(12, 0, 21, 21, (SkPath::Direction) 1);
577</div>
578
caryclark@google.comcc905052012-07-25 20:59:42 +0000[diff] [blame]579<div id="testLine58">
580 path.addRect(0, 0, 20, 20, (SkPath::Direction) 0);
581 path.addRect(0, 0, 12, 12, (SkPath::Direction) 1);
582 path.addRect(0, 12, 9, 9, (SkPath::Direction) 1);
583</div>
584
585<div id="testLine59">
586 path.addRect(0, 0, 20, 20, (SkPath::Direction) 0);
587 path.addRect(6, 6, 18, 18, (SkPath::Direction) 1);
588 path.addRect(4, 4, 13, 13, (SkPath::Direction) 1);
589</div>
590
caryclark@google.com27c449a2012-07-27 18:26:38 +0000[diff] [blame]591<div id="testLine60">
592 path.addRect(0, 0, 20, 20, (SkPath::Direction) 0);
593 path.addRect(6, 12, 18, 18, (SkPath::Direction) 1);
594 path.addRect(4, 12, 13, 13, (SkPath::Direction) 1);
595</div>
596
597<div id="testLine61">
598 path.addRect(0, 0, 20, 20, (SkPath::Direction) 0);
599 path.addRect(12, 0, 24, 24, (SkPath::Direction) 1);
600 path.addRect(12, 0, 21, 21, (SkPath::Direction) 1);
601</div>
602
603<div id="testLine62">
604 path.addRect(0, 0, 60, 60, (SkPath::Direction) 0);
605 path.addRect(0, 0, 20, 20, (SkPath::Direction) 0);
606 path.addRect(0, 12, 12, 12, (SkPath::Direction) 0);
607 path.addRect(4, 12, 13, 13, (SkPath::Direction) 1);
608</div>
609
610<div id="testLine63">
611 path.addRect(0, 0, 60, 60, (SkPath::Direction) 0);
612 path.addRect(0, 10, 20, 20, (SkPath::Direction) 0);
613 path.addRect(0, 6, 12, 12, (SkPath::Direction) 1);
614 path.addRect(0, 32, 9, 36, (SkPath::Direction) 1);
615</div>
616
617<div id="testLine64">
618 path.addRect(0, 0, 60, 60, (SkPath::Direction) 0);
619 path.addRect(10, 40, 30, 30, (SkPath::Direction) 0);
620 path.addRect(18, 6, 30, 30, (SkPath::Direction) 0);
621</div>
622
623<div id="testLine65">
624 path.addRect(0, 0, 60, 60, (SkPath::Direction) 0);
625 path.addRect(10, 0, 30, 30, (SkPath::Direction) 0);
626 path.addRect(24, 0, 36, 36, (SkPath::Direction) 0);
627 path.addRect(32, 6, 36, 41, (SkPath::Direction) 1);
628</div>
629
630<div id="testLine66">
631 path.addRect(0, 0, 60, 60, (SkPath::Direction) 0);
632 path.addRect(0, 30, 20, 20, (SkPath::Direction) 0);
633 path.addRect(12, 20, 24, 30, (SkPath::Direction) 0);
634</div>
635
caryclark@google.com534aa5b2012-08-02 20:08:21 +0000[diff] [blame]636<div id="testLine67">
637 path.addRect(0, 0, 60, 60, (SkPath::Direction) 0);
638 path.addRect(10, 40, 30, 30, (SkPath::Direction) 0);
639 path.addRect(24, 20, 36, 30, (SkPath::Direction) 0);
640 path.addRect(32, 0, 36, 41, (SkPath::Direction) 0);
641</div>
642
643<div id="testLine68a">
644 path.addRect(0, 0, 8, 8, (SkPath::Direction) 0);
645 path.addRect(2, 2, 6, 6, (SkPath::Direction) 0);
646 path.addRect(1, 2, 4, 2, (SkPath::Direction) 0);
647</div>
648
649<div id="testLine68b">
650 path.addRect(0, 0, 8, 8, (SkPath::Direction) 0);
651 path.addRect(2, 2, 6, 6, (SkPath::Direction) 1);
652 path.addRect(1, 2, 4, 2, (SkPath::Direction) 0);
653</div>
654
655<div id="testLine68c">
656 path.addRect(0, 0, 8, 8, (SkPath::Direction) 1);
657 path.addRect(2, 2, 6, 6, (SkPath::Direction) 0);
658 path.addRect(1, 2, 4, 2, (SkPath::Direction) 0);
659</div>
660
661<div id="testLine68d">
662 path.addRect(0, 0, 8, 8, (SkPath::Direction) 1);
663 path.addRect(2, 2, 6, 6, (SkPath::Direction) 1);
664 path.addRect(1, 2, 4, 2, (SkPath::Direction) 0);
665</div>
666
667<div id="testLine68e">
668 path.addRect(0, 0, 8, 8, (SkPath::Direction) 0);
669 path.addRect(0, 0, 8, 8, (SkPath::Direction) 0);
670 path.addRect(2, 2, 6, 6, (SkPath::Direction) 1);
671 path.addRect(1, 2, 2, 2, (SkPath::Direction) 0);
672</div>
673
674<div id="testLine68f">
675 path.addRect(0, 0, 8, 8, (SkPath::Direction) 0);
676 path.addRect(2, 2, 6, 6, (SkPath::Direction) 1);
677 path.addRect(2, 2, 6, 6, (SkPath::Direction) 1);
678 path.addRect(1, 2, 2, 2, (SkPath::Direction) 0);
679</div>
680
681<div id="testLine69">
682 path.addRect(0, 20, 20, 20, (SkPath::Direction) 0);
683 path.addRect(0, 20, 12, 30, (SkPath::Direction) 0);
684 path.addRect(12, 32, 21, 36, (SkPath::Direction) 0);
685</div>
686
687<div id="testLine70">
688 path.addRect(0, 0, 20, 20, (SkPath::Direction) 0);
689 path.addRect(0, 24, 12, 12, (SkPath::Direction) 0);
690 path.addRect(12, 32, 21, 36, (SkPath::Direction) 1);
691</div>
692
693<div id="testLine71">
694 path.addRect(0, 0, 20, 20, (SkPath::Direction) 0);
695 path.addRect(12, 0, 24, 24, (SkPath::Direction) 0);
696 path.addRect(12, 32, 21, 36, (SkPath::Direction) 0);
697</div>
698
caryclark@google.com200c2112012-08-03 15:05:04 +0000[diff] [blame]699<div id="testLine72">
700 path.addRect(0, 0, 60, 60, (SkPath::Direction) 0);
701 path.addRect(10, 40, 30, 30, (SkPath::Direction) 0);
702 path.addRect(6, 20, 18, 30, (SkPath::Direction) 0);
703</div>
704
705<div id="testLine73">
706 path.addRect(0, 0, 60, 60, (SkPath::Direction) 0);
707 path.addRect(0, 40, 20, 20, (SkPath::Direction) 0);
708 path.addRect(0, 20, 12, 30, (SkPath::Direction) 0);
709 path.addRect(0, 0, 9, 9, (SkPath::Direction) 1);
710</div>
711
caryclark@google.com0c803d02012-08-06 11:15:47 +0000[diff] [blame]712<div id="testLine74">
713 path.addRect(20, 30, 40, 40, (SkPath::Direction) 0);
714 path.addRect(24, 20, 36, 30, (SkPath::Direction) 1);
715 path.addRect(32, 24, 36, 41, (SkPath::Direction) 1);
716</div>
717
caryclark@google.com2ddff932012-08-07 21:25:27 +0000[diff] [blame]718<div id="testLine75">
719 path.addRect(0, 0, 60, 60, (SkPath::Direction) 0);
720 path.addRect(10, 0, 30, 30, (SkPath::Direction) 1);
721 path.addRect(18, 0, 30, 30, (SkPath::Direction) 1);
722 path.addRect(12, 0, 21, 21, (SkPath::Direction) 1);
723</div>
724
725<div id="testLine76">
726 path.addRect(36, 0, 66, 60, (SkPath::Direction) 0);
727 path.addRect(10, 20, 40, 30, (SkPath::Direction) 0);
728 path.addRect(24, 20, 36, 30, (SkPath::Direction) 1);
729 path.addRect(32, 6, 36, 41, (SkPath::Direction) 1);
730</div>
731
732<div id="testLine77">
733 path.addRect(20, 0, 40, 40, (SkPath::Direction) 0);
734 path.addRect(24, 6, 36, 36, (SkPath::Direction) 1);
735 path.addRect(24, 32, 33, 36, (SkPath::Direction) 1);
736</div>
737
738<div id="testLine78">
739 path.addRect(0, 0, 30, 60, (SkPath::Direction) 0);
740 path.addRect(10, 20, 30, 30, (SkPath::Direction) 1);
741 path.addRect(18, 20, 30, 30, (SkPath::Direction) 1);
742 path.addRect(32, 0, 36, 41, (SkPath::Direction) 1);
743</div>
744
745<div id="testLine79">
746 path.addRect(0, 36, 60, 30, (SkPath::Direction) 0);
747 path.addRect(10, 30, 40, 30, (SkPath::Direction) 0);
748 path.addRect(0, 20, 12, 30, (SkPath::Direction) 1);
749 path.addRect(0, 32, 9, 36, (SkPath::Direction) 1);
750</div>
751
caryclark@google.com59823f72012-08-09 18:17:47 +0000[diff] [blame]752<div id="testDegenerate1">
753 path.moveTo(0, 0);
754 path.lineTo(0, 0);
755 path.lineTo(2, 0);
756 path.close();
757 path.moveTo(0, 0);
758 path.lineTo(1, 0);
759 path.lineTo(2, 0);
760 path.close();
761</div>
762
763<div id="testDegenerate2">
764 path.moveTo(0, 0);
765 path.lineTo(0, 0);
766 path.lineTo(0, 0);
767 path.close();
768 path.moveTo(0, 0);
769 path.lineTo(1, 0);
770 path.lineTo(0, 1);
771 path.close();
772</div>
773
774<div id="testDegenerate3">
775 path.moveTo(0, 0);
776 path.lineTo(2, 0);
777 path.lineTo(1, 0);
778 path.close();
779 path.moveTo(0, 0);
780 path.lineTo(0, 0);
781 path.lineTo(3, 0);
782 path.close();
783</div>
784
785<div id="testDegenerate4">
786 path.moveTo(0, 0);
787 path.lineTo(1, 0);
788 path.lineTo(1, 3);
789 path.close();
790 path.moveTo(1, 0);
791 path.lineTo(1, 1);
792 path.lineTo(1, 2);
793 path.close();
794</div>
795
796<div id="testNondegenerate1">
797 path.moveTo(0, 0);
798 path.lineTo(3, 0);
799 path.lineTo(1, 3);
800 path.close();
801 path.moveTo(1, 1);
802 path.lineTo(2, 1);
803 path.lineTo(1, 2);
804 path.close();
805</div>
806
807<div id="testNondegenerate2">
808 path.moveTo(1, 0);
809 path.lineTo(0, 1);
810 path.lineTo(1, 1);
811 path.close();
812 path.moveTo(0, 2);
813 path.lineTo(0, 3);
814 path.lineTo(1, 2);
815 path.close();
816</div>
817
818<div id="testNondegenerate3">
819 path.moveTo(0, 0);
820 path.lineTo(1, 0);
821 path.lineTo(2, 1);
822 path.close();
823 path.moveTo(0, 1);
824 path.lineTo(1, 1);
825 path.lineTo(0, 2);
826 path.close();
827</div>
828
829<div id="testNondegenerate4">
830 path.moveTo(1, 0);
831 path.lineTo(0, 1);
832 path.lineTo(1, 2);
833 path.close();
834 path.moveTo(0, 2);
835 path.lineTo(0, 3);
836 path.lineTo(1, 3);
837 path.close();
838</div>
839
840<div id="testQuadralateral5">
841 path.moveTo(0, 0);
842 path.lineTo(0, 0);
843 path.lineTo(1, 0);
844 path.lineTo(1, 1);
845 path.close();
846 path.moveTo(0, 0);
847 path.lineTo(2, 2);
848 path.lineTo(3, 2);
849 path.lineTo(3, 3);
850 path.close();
851</div>
852
853<div id="testQuadralateral6">
854 path.moveTo(0, 0);
855 path.lineTo(0, 0);
856 path.lineTo(1, 0);
857 path.lineTo(1, 1);
858 path.close();
859 path.moveTo(1, 0);
860 path.lineTo(2, 0);
861 path.lineTo(0, 2);
862 path.lineTo(2, 2);
863 path.close();
864</div>
865
caryclark@google.com24bec792012-08-20 12:43:57 +0000[diff] [blame]866<div id="testFauxQuadralateral6">
867 path.moveTo(0, 0);
868 path.lineTo(1, 0);
869 path.lineTo(1, 1);
870 path.close();
871 path.moveTo(1, 0);
872 path.lineTo(2, 0);
873 path.lineTo(1.333, 0.667);
874 path.close();
875 path.moveTo(1.333, 0.667);
876 path.lineTo(0, 2);
877 path.lineTo(2, 2);
878 path.close();
879</div>
880
881<div id="testFauxQuadralateral6a">
882 path.moveTo(0, 0);
883 path.lineTo(3, 0);
884 path.lineTo(3, 3);
885 path.close();
886 path.moveTo(3, 0);
887 path.lineTo(6, 0);
888 path.lineTo(4, 2);
889 path.close();
890 path.moveTo(4, 2);
891 path.lineTo(0, 6);
892 path.lineTo(6, 6);
893 path.close();
894</div>
895
896<div id="testFauxQuadralateral6b">
897 path.moveTo(0, 0);
898 path.lineTo(3, 0);
899 path.lineTo(3, 3);
900 path.close();
901 path.moveTo(3, 0);
902 path.lineTo(6, 0);
903 path.lineTo(4, 2);
904 path.close();
905 path.moveTo(4, 2);
906 path.lineTo(6, 6);
907 path.lineTo(0, 6);
908 path.close();
909</div>
910
911<div id="testFauxQuadralateral6c">
912 path.moveTo(0, 0);
913 path.lineTo(3, 3);
914 path.lineTo(3, 0);
915 path.close();
916 path.moveTo(3, 0);
917 path.lineTo(6, 0);
918 path.lineTo(4, 2);
919 path.close();
920 path.moveTo(4, 2);
921 path.lineTo(0, 6);
922 path.lineTo(6, 6);
923 path.close();
924</div>
925
926<div id="testFauxQuadralateral6d">
927 path.moveTo(0, 0);
928 path.lineTo(3, 3);
929 path.lineTo(3, 0);
930 path.close();
931 path.moveTo(3, 0);
932 path.lineTo(6, 0);
933 path.lineTo(4, 2);
934 path.close();
935 path.moveTo(4, 2);
936 path.lineTo(6, 6);
937 path.lineTo(0, 6);
938</div>
939
940<div id="testQuadralateral6a">
941 path.moveTo(0, 0);
942 path.lineTo(0, 0);
943 path.lineTo(3, 0);
944 path.lineTo(3, 3);
945 path.close();
946 path.moveTo(3, 0);
947 path.lineTo(6, 0);
948 path.lineTo(0, 6);
949 path.lineTo(6, 6);
950</div>
951
952<div id="testQuadralateral7">
953 path.moveTo(0, 0);
954 path.lineTo(0, 0);
955 path.lineTo(1, 0);
956 path.lineTo(2, 1);
957 path.close();
958 path.moveTo(1, 0);
959 path.lineTo(1, 1);
960 path.lineTo(2, 2);
961 path.lineTo(1, 3);
962 path.close();
963</div>
964
965<div id="testQuadralateral8">
966 path.moveTo(0, 0);
967 path.lineTo(3, 1);
968 path.lineTo(1, 3);
969 path.lineTo(3, 3);
970 path.close();
971 path.moveTo(2, 1);
972 path.lineTo(0, 2);
973 path.lineTo(3, 2);
974 path.lineTo(2, 3);
975 path.close();
976</div>
977
978<div id="testQuadralateral9">
979 path.moveTo(0, 0);
980 path.lineTo(1, 0);
981 path.lineTo(1, 2);
982 path.lineTo(2, 2);
983 path.close();
984 path.moveTo(1, 1);
985 path.lineTo(2, 1);
986 path.lineTo(1, 3);
987 path.lineTo(2, 3);
988 path.close();
989</div>
990
991<div id="testLine1x">
992 path.setFillType(SkPath::kEvenOdd_FillType);
993 path.addRect(0, 0, 12, 12, (SkPath::Direction) 0);
994 path.addRect(4, 0, 13, 13, (SkPath::Direction) 0);
995</div>
996
997<div id="testLine2x">
998 path.setFillType(SkPath::kEvenOdd_FillType);
999 path.addRect(0, 20, 20, 20, (SkPath::Direction) 0);
1000 path.addRect(0, 20, 12, 30, (SkPath::Direction) 0);
1001 path.addRect(12, 0, 21, 21, (SkPath::Direction) 1);
1002</div>
1003
1004<div id="testLine3x">
1005 path.setFillType(SkPath::kEvenOdd_FillType);
1006 path.addRect(10, 30, 30, 30, (SkPath::Direction) 0);
1007 path.addRect(18, 20, 30, 30, (SkPath::Direction) 1);
1008 path.addRect(0, 32, 9, 36, (SkPath::Direction) 1);
1009</div>
1010
1011<div id="testLine4x">
1012 path.setFillType(SkPath::kEvenOdd_FillType);
1013 path.addRect(10, 30, 30, 30, (SkPath::Direction) 0);
1014 path.addRect(24, 20, 36, 30, (SkPath::Direction) 1);
1015 path.addRect(0, 32, 9, 36, (SkPath::Direction) 1);
1016</div>
1017
1018<div id="testQuadratic1">
1019 path.moveTo(0, 0);
1020 path.quadTo(0, 0, 0, 0);
1021 path.lineTo(1, 0);
1022 path.close();
1023 path.moveTo(0, 0);
1024 path.lineTo(0, 0);
1025 path.quadTo(0, 0, 0, 0);
1026 path.close();
1027</div>
1028
1029<div id="testQuadratic2">
1030 path.moveTo(0, 0);
1031 path.quadTo(0, 0, 0, 0);
1032 path.lineTo(3, 0);
1033 path.close();
1034 path.moveTo(0, 0);
1035 path.lineTo(0, 0);
1036 path.quadTo(1, 0, 0, 1);
1037 path.close();
1038</div>
1039
caryclark@google.com03f97062012-08-21 13:13:52 +0000[diff] [blame]1040<div id="testQuadratic3">
1041 path.moveTo(0, 0);
1042 path.quadTo(0, 0, 1, 0);
1043 path.lineTo(0, 2);
1044 path.close();
1045 path.moveTo(0, 0);
1046 path.lineTo(0, 0);
1047 path.quadTo(1, 0, 0, 1);
1048 path.close();
1049</div>
1050
caryclark@google.comc899ad92012-08-23 15:24:42 +0000[diff] [blame]1051<div id="testQuadratic4x">
1052 path.setFillType(SkPath::kEvenOdd_FillType);
1053 path.moveTo(0, 0);
1054 path.quadTo(0, 0, 1, 0);
1055 path.lineTo(0, 2);
1056 path.close();
1057 path.moveTo(0, 0);
1058 path.lineTo(0, 0);
1059 path.quadTo(1, 0, 0, 2);
1060 path.close();
1061</div>
1062
1063<div id="testQuadratic5">
1064 path.moveTo(0, 0);
1065 path.quadTo(0, 0, 0, 0);
1066 path.lineTo(0, 1);
1067 path.close();
1068 path.moveTo(0, 0);
1069 path.lineTo(1, 0);
1070 path.quadTo(0, 1, 0, 2);
1071 path.close();
1072</div>
1073
1074<div id="testQuadratic6">
1075 path.moveTo(0, 0);
1076 path.quadTo(0, 0, 1, 0);
1077 path.lineTo(2, 1);
1078 path.close();
1079 path.moveTo(0, 0);
1080 path.lineTo(0, 0);
1081 path.quadTo(2, 0, 0, 1);
1082 path.close();
1083</div>
1084
1085<div id="testQuadratic7">
1086 path.moveTo(0, 0);
1087 path.quadTo(0, 0, 1, 0);
1088 path.lineTo(3, 1);
1089 path.close();
1090 path.moveTo(0, 0);
1091 path.lineTo(0, 0);
1092 path.quadTo(3, 0, 1, 2);
1093 path.close();
1094</div>
1095
1096<div id="testQuadratic8">
1097 path.moveTo(0, 0);
1098 path.quadTo(0, 0, 1, 0);
1099 path.lineTo(0, 2);
1100 path.close();
1101 path.moveTo(0, 0);
1102 path.lineTo(1, 0);
1103 path.quadTo(0, 1, 1, 2);
1104 path.close();
1105</div>
1106
1107<div id="testQuadratic9">
1108 path.moveTo(0, 0);
1109 path.quadTo(0, 0, 1, 0);
1110 path.lineTo(3, 1);
1111 path.close();
1112 path.moveTo(0, 0);
1113 path.lineTo(1, 0);
1114 path.quadTo(1, 2, 3, 2);
1115 path.close();
1116</div>
1117
1118<div id="testQuadratic9a">
1119 path.moveTo(1.08000004, 0.720000029);
1120 path.lineTo(0, 0);
1121 path.lineTo(1, 0);
1122 path.lineTo(3, 1);
1123 path.lineTo(1.01568651, 0.338562161);
1124 path.quadTo(1.03542483, 0.541699469, 1.08000004, 0.720000029);
1125 path.close();
1126 path.moveTo(1.08000004, 0.720000029);
1127 path.lineTo(3, 2);
1128 path.quadTo(1.39999998, 2, 1.08000004, 0.720000029);
1129 path.close();
1130
1131</div>
1132
1133<div id="testQuadratic10a">
1134path.moveTo(15.5, 15.5);
1135path.lineTo(46.5, 15.5);
1136path.quadTo(0, 31, 0, 46.5);
1137path.lineTo(15.5, 15.5);
1138path.close();
1139</div>
1140
1141<div id="testQuadratic10b">
1142path.moveTo(5.16666698, 36.1666641);
1143path.lineTo(15.5, 15.5);
1144path.lineTo(46.5, 15.5);
1145path.quadTo(15.5, 25.8333321, 5.16666698, 36.1666641);
1146path.close();
1147path.moveTo(5.16666698, 36.1666641);
1148path.lineTo(0, 46.5);
1149path.quadTo(0, 41.3333359, 5.16666698, 36.1666641);
1150path.close();
1151</div>
1152
1153<div id="testQuadratic11a">
1154path.moveTo(0, 0);
1155path.lineTo(15.5, 31);
1156path.lineTo(0, 0);
1157path.close();
1158path.moveTo(0, 15.5);
1159path.lineTo(15.5, 15.5);
1160path.quadTo(15.5, 15.5, 46.5, 31);
1161path.lineTo(0, 15.5);
1162path.close();
1163</div>
1164
1165<div id="testQuadratic11b">
1166path.moveTo(9.30000019, 18.6000004);
1167path.lineTo(0, 15.5);
1168path.lineTo(7.75, 15.5);
1169path.lineTo(15.5, 15.5);
1170path.lineTo(46.5, 31);
1171path.lineTo(9.30000019, 18.6000004);
1172path.close();
1173</div>
1174
1175<div id="testQuadratic12">
1176 path.moveTo(0, 0);
1177 path.quadTo(0, 0, 0, 0);
1178 path.lineTo(1, 3);
1179 path.close();
1180 path.moveTo(1, 0);
1181 path.lineTo(0, 1);
1182 path.quadTo(1, 1, 0, 3);
1183 path.close();
1184</div>
1185
1186<div id="testQuadratic13a">
1187path.moveTo(0, 0);
1188path.quadTo(0, 0, 15.5, 0);
1189path.lineTo(15.5, 31);
1190path.lineTo(0, 0);
1191path.close();
1192path.moveTo(0, 0);
1193path.quadTo(15.5, 46.5, 46.5, 46.5);
1194path.lineTo(0, 0);
1195path.close();
1196</div>
1197
1198<div id="testQuadratic13b">
1199path.moveTo(14.8800001, 29.7600002);
1200path.quadTo(6.20000029, 18.6000004, 0, 0);
1201path.lineTo(14.8800001, 29.7600002);
1202path.close();
1203path.moveTo(15.5, 30.5437222);
1204path.lineTo(15.5, 31);
1205path.lineTo(14.8800001, 29.7600002);
1206path.quadTo(15.1884346, 30.156559, 15.5, 30.5437222);
1207path.close();
1208path.moveTo(15.5, 15.5);
1209path.lineTo(0, 0);
1210path.lineTo(15.5, 0);
1211path.lineTo(15.5, 15.5);
1212path.close();
1213path.moveTo(15.5, 30.5437222);
1214path.lineTo(15.5, 15.5);
1215path.lineTo(46.5, 46.5);
1216path.quadTo(28.34062, 46.5, 15.5, 30.5437222);
1217path.close();
1218</div>
1219
1220<div id="testQuadratic14">
1221 path.moveTo(0, 0);
1222 path.quadTo(0, 0, 1, 0);
1223 path.lineTo(3, 2);
1224 path.close();
1225 path.moveTo(0, 0);
1226 path.lineTo(1, 0);
1227 path.quadTo(3, 2, 3, 3);
1228 path.close();
1229</div>
1230
caryclark@google.com3350c3c2012-08-24 15:24:36 +0000[diff] [blame]1231<div id="testQuadratic15">
1232 path.moveTo(0, 0);
1233 path.quadTo(0, 0, 1, 0);
1234 path.lineTo(1, 3);
1235 path.close();
1236 path.moveTo(1, 0);
1237 path.lineTo(0, 1);
1238 path.quadTo(1, 1, 0, 3);
1239 path.close();
1240</div>
1241
1242<div id="testQuadratic16a">
1243path.moveTo(0, 0);
1244path.quadTo(0, 0, 31, 0);
1245path.lineTo(46.5, 31);
1246path.lineTo(0, 0);
1247path.close();
1248path.moveTo(46.5, 15.5);
1249path.lineTo(0, 31);
1250path.quadTo(0, 31, 15.5, 31);
1251path.lineTo(46.5, 15.5);
1252path.close();
1253</div>
1254
1255<div id="testQuadratic16b">
1256path.moveTo(31, 20.6666679);
1257path.lineTo(0, 0);
1258path.lineTo(31, 0);
1259path.lineTo(39.8571434, 17.7142868);
1260path.lineTo(31, 20.6666679);
1261path.close();
1262path.moveTo(33.214283, 22.1428585);
1263path.lineTo(15.5, 31);
1264path.lineTo(0, 31);
1265path.lineTo(31, 20.6666679);
1266path.lineTo(33.214283, 22.1428585);
1267path.close();
1268path.moveTo(40.2999992, 18.6000004);
1269path.lineTo(46.5, 31);
1270path.lineTo(33.214283, 22.1428585);
1271path.lineTo(40.2999992, 18.6000004);
1272path.close();
1273path.moveTo(39.8571434, 17.7142868);
1274path.lineTo(46.5, 15.5);
1275path.lineTo(40.2999992, 18.6000004);
1276path.lineTo(39.8571434, 17.7142868);
1277path.close();
1278</div>
1279
1280<div id="testQuadratic17x">
1281 path.setFillType(SkPath::kEvenOdd_FillType);
1282 path.moveTo(0, 0);
1283 path.quadTo(0, 0, 3, 1);
1284 path.lineTo(0, 2);
1285 path.close();
1286 path.moveTo(0, 0);
1287 path.lineTo(1, 0);
1288 path.quadTo(3, 1, 0, 2);
1289 path.close();
1290</div>
1291
1292<div id="testQuadratic18">
1293 path.moveTo(0, 0);
1294 path.quadTo(1, 0, 0, 1);
1295 path.lineTo(0, 1);
1296 path.close();
1297 path.moveTo(0, 0);
1298 path.lineTo(0, 0);
1299 path.quadTo(1, 0, 1, 1);
1300 path.close();
1301</div>
1302
caryclark@google.coma7e483d2012-08-28 20:44:43 +0000[diff] [blame]1303<div id="testQuadratic19">
1304 path.moveTo(0, 0);
1305 path.quadTo(1, 0, 0, 1);
1306 path.lineTo(0, 1);
1307 path.close();
1308 path.moveTo(0, 0);
1309 path.lineTo(0, 0);
1310 path.quadTo(2, 0, 0, 1);
1311 path.close();
1312</div>
1313
caryclark@google.com32546db2012-08-31 20:55:07 +0000[diff] [blame^]1314<div id="testQuadratic20">
1315 path.moveTo(0, 0);
1316 path.quadTo(1, 0, 0, 1);
1317 path.lineTo(0, 1);
1318 path.close();
1319 path.moveTo(0, 0);
1320 path.lineTo(0, 0);
1321 path.quadTo(1, 0, 0, 1);
1322 path.close();
1323</div>
1324
caryclark@google.com752b60e2012-03-22 21:11:17 +0000[diff] [blame]1325</div>
1326
1327<script type="text/javascript">
1328
1329var testDivs = [
caryclark@google.com32546db2012-08-31 20:55:07 +0000[diff] [blame^]1330 testQuadratic20,
caryclark@google.coma7e483d2012-08-28 20:44:43 +0000[diff] [blame]1331 testQuadratic19,
caryclark@google.com3350c3c2012-08-24 15:24:36 +0000[diff] [blame]1332 testQuadratic18,
1333 testQuadratic17x,
1334 testQuadratic16b,
1335 testQuadratic16a,
1336 testQuadratic15,
caryclark@google.comc899ad92012-08-23 15:24:42 +0000[diff] [blame]1337 testQuadratic14,
1338 testQuadratic13b,
1339 testQuadratic13a,
1340 testQuadratic12,
1341 testQuadratic11b,
1342 testQuadratic11a,
1343 testQuadratic10b,
1344 testQuadratic10a,
1345 testQuadratic9a,
1346 testQuadratic9,
1347 testQuadratic8,
1348 testQuadratic7,
1349 testQuadratic6,
1350 testQuadratic5,
1351 testQuadratic4x,
caryclark@google.com03f97062012-08-21 13:13:52 +0000[diff] [blame]1352 testQuadratic3,
caryclark@google.com24bec792012-08-20 12:43:57 +0000[diff] [blame]1353 testQuadratic2,
1354 testQuadratic1,
1355 testLine4x,
1356 testLine3x,
1357 testLine2x,
1358 testLine1x,
1359 testQuadralateral9,
1360 testQuadralateral8,
1361 testQuadralateral7,
1362 testFauxQuadralateral6d,
1363 testFauxQuadralateral6c,
1364 testFauxQuadralateral6b,
1365 testFauxQuadralateral6a,
1366 testFauxQuadralateral6,
1367 testQuadralateral6a,
caryclark@google.com59823f72012-08-09 18:17:47 +0000[diff] [blame]1368 testQuadralateral6,
1369 testQuadralateral5,
1370 testNondegenerate4,
1371 testNondegenerate3,
1372 testNondegenerate2,
1373 testNondegenerate1,
1374 testDegenerate4,
1375 testDegenerate3,
1376 testDegenerate2,
1377 testDegenerate1,
caryclark@google.com2ddff932012-08-07 21:25:27 +0000[diff] [blame]1378 testLine79,
1379 testLine78,
1380 testLine77,
1381 testLine76,
1382 testLine75,
caryclark@google.com0c803d02012-08-06 11:15:47 +0000[diff] [blame]1383 testLine74,
caryclark@google.com200c2112012-08-03 15:05:04 +0000[diff] [blame]1384 testLine73,
1385 testLine72,
caryclark@google.com534aa5b2012-08-02 20:08:21 +0000[diff] [blame]1386 testLine71,
1387 testLine70,
1388 testLine69,
1389 testLine68f,
1390 testLine68e,
1391 testLine68d,
1392 testLine68c,
1393 testLine68b,
1394 testLine68a,
1395 testLine67,
caryclark@google.com27c449a2012-07-27 18:26:38 +0000[diff] [blame]1396 testLine66,
1397 testLine65,
1398 testLine64,
1399 testLine63,
1400 testLine62,
1401 testLine61,
1402 testLine60,
caryclark@google.comcc905052012-07-25 20:59:42 +0000[diff] [blame]1403 testLine59,
1404 testLine58,
caryclark@google.com18063442012-07-25 12:05:18 +0000[diff] [blame]1405 testLine57,
1406 testLine56,
caryclark@google.come21cb182012-07-23 21:26:31 +0000[diff] [blame]1407 testLine55,
1408 testLine54,
1409 testLine53,
1410 testLine52,
caryclark@google.com47580692012-07-23 12:14:49 +0000[diff] [blame]1411 testLine51,
1412 testLine50,
1413 testLine49,
1414 testLine48,
1415 testLine47,
1416 testLine46,
1417 testLine45,
1418 testLine44,
1419 testLine43,
1420 testLine42,
1421 testLine41,
1422 testLine40,
1423 testLine39,
1424 testLine38,
1425 testLine37,
caryclark@google.com0e08a192012-07-13 21:07:52 +0000[diff] [blame]1426 testLine36,
caryclark@google.com210acaf2012-07-12 21:05:13 +0000[diff] [blame]1427 testLine35,
1428 testLine34,
caryclark@google.com9764cc62012-07-12 19:29:45 +0000[diff] [blame]1429 testLine33,
caryclark@google.comfa4a6e92012-07-11 17:52:32 +0000[diff] [blame]1430 testLine32,
1431 testLine31,
caryclark@google.com534aa5b2012-08-02 20:08:21 +0000[diff] [blame]1432 testLine30,
caryclark@google.comfa4a6e92012-07-11 17:52:32 +0000[diff] [blame]1433 testLine29,
1434 testLine28,
caryclark@google.com47580692012-07-23 12:14:49 +0000[diff] [blame]1435 testLine24,
caryclark@google.comcc905052012-07-25 20:59:42 +0000[diff] [blame]1436 testLine22,
caryclark@google.com47580692012-07-23 12:14:49 +0000[diff] [blame]1437 testLine19,
caryclark@google.comfa4a6e92012-07-11 17:52:32 +0000[diff] [blame]1438 testLine17,
caryclark@google.come21cb182012-07-23 21:26:31 +0000[diff] [blame]1439 testLine13,
1440 testLine12,
caryclark@google.com47580692012-07-23 12:14:49 +0000[diff] [blame]1441 testLine9,
caryclark@google.comcc905052012-07-25 20:59:42 +0000[diff] [blame]1442 testLine7b,
caryclark@google.com47580692012-07-23 12:14:49 +0000[diff] [blame]1443 testLine7,
caryclark@google.com8dcf1142012-07-02 20:27:02 +0000[diff] [blame]1444 testSimplifyQuadratic21,
1445 testSimplifyQuadratic20,
1446 testSimplifyQuadratic19,
caryclark@google.comb45a1b42012-05-18 20:50:33 +0000[diff] [blame]1447 testSimplifyQuadratic18,
caryclark@google.comfa0588f2012-04-26 21:01:06 +0000[diff] [blame]1448 testSimplifyQuadratic17,
1449 testSimplifyQuadratic16,
1450 testSimplifyQuadratic15,
1451 testSimplifyQuadratic14,
1452 testSimplifyQuadratic13,
1453 testSimplifyQuadratic12,
1454 testSimplifyQuadratic11,
1455 testSimplifyQuadratic10,
1456 testSimplifyQuadratic9,
1457 testSimplifyQuadratic8,
1458 testSimplifyQuadratic7,
1459 testSimplifyQuadratic6,
1460 testSimplifyQuadratic5,
1461 testSimplifyQuadratic4,
1462 testSimplifyQuadratic3,
1463 testSimplifyQuadratic2,
1464 testSimplifyQuadratic1,
caryclark@google.com752b60e2012-03-22 21:11:17 +0000[diff] [blame]1465];
1466
1467var scale, columns, rows, xStart, yStart;
1468
1469var ticks = 0.1;
1470var at_x = 13 + 0.5;
1471var at_y = 13 + 0.5;
caryclark@google.com2ddff932012-08-07 21:25:27 +0000[diff] [blame]1472var decimal_places = 0; // make this 3 to show more precision
caryclark@google.com752b60e2012-03-22 21:11:17 +0000[diff] [blame]1473
1474var tests = [];
caryclark@google.com0e08a192012-07-13 21:07:52 +0000[diff] [blame]1475var testTitles = [];
caryclark@google.com752b60e2012-03-22 21:11:17 +0000[diff] [blame]1476var testIndex = 0;
caryclark@google.com24bec792012-08-20 12:43:57 +0000[diff] [blame]1477var hasXor = false;
caryclark@google.com752b60e2012-03-22 21:11:17 +0000[diff] [blame]1478
1479var ctx;
1480
caryclark@google.com0e08a192012-07-13 21:07:52 +0000[diff] [blame]1481function parse(test, title) {
caryclark@google.com752b60e2012-03-22 21:11:17 +0000[diff] [blame]1482 var contours = [];
1483 var contourStrs = test.split("path.close();");
caryclark@google.comd88e0892012-03-27 13:23:51 +0000[diff] [blame]1484 var pattern = /-?\d+\.*\d*/g;
caryclark@google.com24bec792012-08-20 12:43:57 +0000[diff] [blame]1485 hasXor = test.split("kEvenOdd_FillType").length > 1;
caryclark@google.com752b60e2012-03-22 21:11:17 +0000[diff] [blame]1486 for (var c in contourStrs) {
caryclark@google.comfb173422012-04-10 18:28:55 +0000[diff] [blame]1487 var contour = contourStrs[c];
1488 var verbStrs = contour.split("path");
1489 var verbs = [];
1490 for (var v in verbStrs) {
1491 var verbStr = verbStrs[v];
1492 var points = verbStr.match(pattern);
1493 var pts = [];
1494 for (var wd in points) {
1495 var num = parseFloat(points[wd]);
1496 if (isNaN(num)) continue;
1497 pts.push(num);
1498 }
1499 if (pts.length > 0)
1500 verbs.push(pts);
caryclark@google.com752b60e2012-03-22 21:11:17 +0000[diff] [blame]1501 }
caryclark@google.comfa0588f2012-04-26 21:01:06 +0000[diff] [blame]1502 if (verbs.length > 0) {
1503 var lastIndex = verbs.length - 1;
1504 var lastVerb = verbs[lastIndex];
1505 var lastLen = lastVerb.length;
1506 if (verbs[0][0] != lastVerb[lastLen - 2] && verbs[0][1] != lastVerb[lastLen - 1]) {
1507 var lastPts = [];
1508 lastPts.push(verbs[0][0]);
1509 lastPts.push(verbs[0][1]);
1510 verbs.push(lastPts);
1511 }
caryclark@google.comfb173422012-04-10 18:28:55 +0000[diff] [blame]1512 contours.push(verbs);
caryclark@google.comfa0588f2012-04-26 21:01:06 +0000[diff] [blame]1513 }
caryclark@google.com752b60e2012-03-22 21:11:17 +0000[diff] [blame]1514 }
caryclark@google.com0e08a192012-07-13 21:07:52 +0000[diff] [blame]1515 if (contours.length > 0) {
caryclark@google.comfb173422012-04-10 18:28:55 +0000[diff] [blame]1516 tests.push(contours);
caryclark@google.com0e08a192012-07-13 21:07:52 +0000[diff] [blame]1517 testTitles.push(title);
1518 }
caryclark@google.com752b60e2012-03-22 21:11:17 +0000[diff] [blame]1519}
1520
caryclark@google.com0e08a192012-07-13 21:07:52 +0000[diff] [blame]1521function parseRect(test, title) {
caryclark@google.comfa4a6e92012-07-11 17:52:32 +0000[diff] [blame]1522 var contours = [];
1523 var rectStrs = test.split("path.addRect");
1524 var pattern = /-?\d+\.*\d*/g;
caryclark@google.com24bec792012-08-20 12:43:57 +0000[diff] [blame]1525 hasXor = test.split("kEvenOdd_FillType").length > 1;
caryclark@google.comfa4a6e92012-07-11 17:52:32 +0000[diff] [blame]1526 for (var r in rectStrs) {
1527 var rect = rectStrs[r];
1528 var sideStrs = rect.match(pattern);
1529 var sides = [];
1530 for (var wd in sideStrs) {
1531 var num = parseFloat(sideStrs[wd]);
1532 if (isNaN(num)) continue;
1533 sides.push(num);
1534 }
1535 if (sides.length == 0)
1536 continue;
1537 var verbs = [];
1538 var topLeft = [];
1539 topLeft.push(sides[0]); topLeft.push(sides[1]);
1540 var topRight = [];
1541 topRight.push(sides[2]); topRight.push(sides[1]);
1542 var botLeft = [];
1543 botLeft.push(sides[0]); botLeft.push(sides[3]);
1544 var botRight = [];
1545 botRight.push(sides[2]); botRight.push(sides[3]);
1546 verbs.push(topLeft);
1547 if (sides[4] == 0) {
1548 verbs.push(topRight);
1549 verbs.push(botRight);
1550 verbs.push(botLeft);
1551 } else {
1552 verbs.push(botLeft);
1553 verbs.push(botRight);
1554 verbs.push(topRight);
1555 }
1556 verbs.push(topLeft);
1557 contours.push(verbs);
1558 }
caryclark@google.com0e08a192012-07-13 21:07:52 +0000[diff] [blame]1559 if (contours.length > 0) {
caryclark@google.comfa4a6e92012-07-11 17:52:32 +0000[diff] [blame]1560 tests.push(contours);
caryclark@google.com0e08a192012-07-13 21:07:52 +0000[diff] [blame]1561 testTitles.push(title);
1562 }
caryclark@google.comfa4a6e92012-07-11 17:52:32 +0000[diff] [blame]1563}
1564
caryclark@google.com752b60e2012-03-22 21:11:17 +0000[diff] [blame]1565function init(test) {
1566 var canvas = document.getElementById('canvas');
1567 if (!canvas.getContext) return;
caryclark@google.com534aa5b2012-08-02 20:08:21 +0000[diff] [blame]1568 canvas.width = window.innerWidth - at_x;
1569 canvas.height = window.innerHeight - at_y;
caryclark@google.com752b60e2012-03-22 21:11:17 +0000[diff] [blame]1570 ctx = canvas.getContext('2d');
1571 var xmin = Infinity;
1572 var xmax = -Infinity;
1573 var ymin = Infinity;
1574 var ymax = -Infinity;
caryclark@google.comfb173422012-04-10 18:28:55 +0000[diff] [blame]1575 for (var contours in test) {
1576 var contour = test[contours];
1577 for (var verbs in contour) {
1578 var verb = contour[verbs];
1579 var last = verb.length;
caryclark@google.comb45a1b42012-05-18 20:50:33 +0000[diff] [blame]1580 for (var idx = 0; idx < last; idx += 2) {
1581 xmin = Math.min(xmin, verb[idx]);
1582 xmax = Math.max(xmax, verb[idx]);
1583 ymin = Math.min(ymin, verb[idx + 1]);
1584 ymax = Math.max(ymax, verb[idx + 1]);
1585 }
caryclark@google.com752b60e2012-03-22 21:11:17 +0000[diff] [blame]1586 }
1587 }
1588 var subscale = 1;
1589 while ((xmax - xmin) * subscale < 0.1 && (ymax - ymin) * subscale < 0.1) {
1590 subscale *= 10;
1591 }
1592 columns = Math.ceil(xmax) - Math.floor(xmin) + 1;
1593 rows = Math.ceil(ymax) - Math.floor(ymin) + 1;
1594 xStart = Math.floor(xmin);
1595 yStart = Math.floor(ymin);
1596 var hscale = ctx.canvas.width / columns / ticks;
1597 var vscale = ctx.canvas.height / rows / ticks;
1598 scale = Math.floor(Math.min(hscale, vscale)) * subscale;
1599}
1600
1601function drawPoint(px, py, xoffset, yoffset, unit) {
caryclark@google.com2ddff932012-08-07 21:25:27 +0000[diff] [blame]1602 var label = px.toFixed(decimal_places) + ", " + py.toFixed(decimal_places);
caryclark@google.com752b60e2012-03-22 21:11:17 +0000[diff] [blame]1603 var _px = px * unit + xoffset;
1604 var _py = py * unit + yoffset;
1605 ctx.beginPath();
1606 ctx.arc(_px, _py, 3, 0, Math.PI*2, true);
1607 ctx.closePath();
1608 ctx.fill();
1609 ctx.fillText(label, _px + 5, _py);
1610}
1611
caryclark@google.com0e08a192012-07-13 21:07:52 +0000[diff] [blame]1612function draw(test, title, _at_x, _at_y, scale) {
1613 ctx.fillStyle = "rgba(0,0,0, 0.1)";
1614 ctx.font = "normal 50px Arial";
1615 ctx.fillText(title, 50, 50);
1616 ctx.font = "normal 10px Arial";
1617
caryclark@google.com752b60e2012-03-22 21:11:17 +0000[diff] [blame]1618 var unit = scale * ticks;
1619 ctx.lineWidth = 1;
1620 var i;
1621 for (i = 0; i <= rows * ticks; ++i) {
1622 ctx.strokeStyle = (i % ticks) != 0 ? "rgb(160,160,160)" : "black";
1623 ctx.beginPath();
1624 ctx.moveTo(_at_x + 0, _at_y + i * scale);
1625 ctx.lineTo(_at_x + unit * columns, _at_y + i * scale);
1626 ctx.stroke();
1627 }
1628 for (i = 0; i <= columns * ticks; ++i) {
1629 ctx.strokeStyle = (i % ticks) != 0 ? "rgb(160,160,160)" : "black";
1630 ctx.beginPath();
1631 ctx.moveTo(_at_x + i * scale, _at_y + 0);
1632 ctx.lineTo(_at_x + i * scale, _at_y + unit * rows);
1633 ctx.stroke();
1634 }
1635
1636 var xoffset = xStart * -unit + _at_x;
1637 var yoffset = yStart * -unit + _at_y;
1638
1639 ctx.fillStyle = "rgb(40,80,60)"
1640 for (i = 0; i <= columns; i += (1 / ticks))
1641 {
1642 num = (xoffset - _at_x) / -unit + i;
1643 ctx.fillText(num.toFixed(0), i * unit + _at_y - 5, 10);
1644 }
1645 for (i = 0; i <= rows; i += (1 / ticks))
1646 {
1647 num = (yoffset - _at_x) / -unit + i;
1648 ctx.fillText(num.toFixed(0), 0, i * unit + _at_y + 0);
1649 }
caryclark@google.com32546db2012-08-31 20:55:07 +0000[diff] [blame^]1650
caryclark@google.com752b60e2012-03-22 21:11:17 +0000[diff] [blame]1651 ctx.strokeStyle = "red";
caryclark@google.comfb173422012-04-10 18:28:55 +0000[diff] [blame]1652 var contours, verbs, pts;
caryclark@google.com8dcf1142012-07-02 20:27:02 +0000[diff] [blame]1653 ctx.beginPath();
caryclark@google.comfb173422012-04-10 18:28:55 +0000[diff] [blame]1654 for (contours in test) {
1655 var contour = test[contours];
1656 if (contours == 2) ctx.strokeStyle = "blue";
caryclark@google.comfb173422012-04-10 18:28:55 +0000[diff] [blame]1657 var first = true;
1658 for (verbs in contour) {
1659 var verb = contour[verbs];
1660 switch (verb.length) {
1661 case 2:
1662 if (first) {
1663 ctx.moveTo(xoffset + verb[0] * unit, yoffset + verb[1] * unit);
1664 first = false;
1665 } else
1666 ctx.lineTo(xoffset + verb[0] * unit, yoffset + verb[1] * unit);
1667 break;
1668 case 4:
1669 ctx.quadraticCurveTo(xoffset + verb[0] * unit, yoffset + verb[1] * unit,
1670 xoffset + verb[2] * unit, yoffset + verb[3] * unit);
1671 break;
1672 case 6:
1673 ctx.bezierCurveTo(xoffset + verb[0] * unit, yoffset + verb[1] * unit,
1674 xoffset + verb[2] * unit, yoffset + verb[3] * unit,
1675 xoffset + verb[4] * unit, yoffset + verb[5] * unit);
1676 break;
1677 }
caryclark@google.com752b60e2012-03-22 21:11:17 +0000[diff] [blame]1678 }
caryclark@google.com8dcf1142012-07-02 20:27:02 +0000[diff] [blame]1679 ctx.closePath();
caryclark@google.com752b60e2012-03-22 21:11:17 +0000[diff] [blame]1680 }
caryclark@google.com24bec792012-08-20 12:43:57 +0000[diff] [blame]1681 if (hasXor) {
1682 ctx.fillType=xor; // how is this done?
1683 }
caryclark@google.com8dcf1142012-07-02 20:27:02 +0000[diff] [blame]1684 ctx.stroke();
1685 ctx.fillStyle="rgba(192,192,255, 0.3)";
1686 ctx.fill();
caryclark@google.com752b60e2012-03-22 21:11:17 +0000[diff] [blame]1687
1688 ctx.fillStyle="blue";
caryclark@google.comfb173422012-04-10 18:28:55 +0000[diff] [blame]1689 for (contours in test) {
1690 var contour = test[contours];
1691 for (verbs in contour) {
1692 var verb = contour[verbs];
1693 for (i = 0; i < verb.length; i += 2) {
1694 x = verb[i];
1695 y = verb[i + 1];
1696 drawPoint(x, y, xoffset, yoffset, unit);
1697 }
caryclark@google.com752b60e2012-03-22 21:11:17 +0000[diff] [blame]1698 }
1699 }
1700}
1701
1702var mouseX = Infinity, mouseY;
1703
1704function calcXY() {
1705 var e = window.event;
1706 var tgt = e.target || e.srcElement;
1707 var left = tgt.offsetLeft;
1708 var top = tgt.offsetTop;
1709 var unit = scale * ticks;
1710 mouseX = (e.clientX - left - Math.ceil(at_x) + 1) / unit + xStart;
1711 mouseY = (e.clientY - top - Math.ceil(at_y)) / unit + yStart;
1712}
1713
1714function handleMouseOver() {
1715 calcXY();
1716 var num = mouseX.toFixed(3) + ", " + mouseY.toFixed(3);
1717 ctx.beginPath();
1718 ctx.rect(300,100,200,10);
1719 ctx.fillStyle="white";
1720 ctx.fill();
1721 ctx.fillStyle="black";
1722 ctx.fillText(num, 300, 108);
1723}
1724
1725function handleMouseClick() {
1726 calcXY();
1727// drawInset();
1728}
1729
1730function drawTop() {
1731 init(tests[testIndex]);
1732 redraw();
1733}
1734
1735function redraw() {
1736 ctx.beginPath();
1737 ctx.rect(0, 0, ctx.canvas.width, ctx.canvas.height);
1738 ctx.fillStyle="white";
1739 ctx.fill();
caryclark@google.com0e08a192012-07-13 21:07:52 +0000[diff] [blame]1740 draw(tests[testIndex], testTitles[testIndex], at_x, at_y, scale);
caryclark@google.com752b60e2012-03-22 21:11:17 +0000[diff] [blame]1741// if (insetScale != scale && mouseX != Infinity)
1742// drawInset();
1743}
1744
1745function doKeyPress(evt) {
1746 var char = String.fromCharCode(evt.charCode);
1747 switch (char) {
1748 case 'N':
caryclark@google.com534aa5b2012-08-02 20:08:21 +0000[diff] [blame]1749 testIndex += 9;
caryclark@google.com752b60e2012-03-22 21:11:17 +0000[diff] [blame]1750 case 'n':
1751 if (++testIndex >= tests.length)
1752 testIndex = 0;
caryclark@google.comfa0588f2012-04-26 21:01:06 +0000[diff] [blame]1753 mouseX = Infinity;
1754 drawTop();
1755 break;
1756 case 'P':
caryclark@google.com534aa5b2012-08-02 20:08:21 +0000[diff] [blame]1757 testIndex -= 9;
caryclark@google.comfa0588f2012-04-26 21:01:06 +0000[diff] [blame]1758 case 'p':
1759 if (--testIndex < 0)
1760 testIndex = tests.length - 1;
caryclark@google.com752b60e2012-03-22 21:11:17 +0000[diff] [blame]1761 mouseX = Infinity;
1762 drawTop();
1763 break;
1764 case 'T':
1765 case 't':
caryclark@google.com752b60e2012-03-22 21:11:17 +0000[diff] [blame]1766 break;
1767 case '-':
caryclark@google.com534aa5b2012-08-02 20:08:21 +0000[diff] [blame]1768 drawTop();
caryclark@google.com752b60e2012-03-22 21:11:17 +0000[diff] [blame]1769 break;
1770 case '=':
1771 case '+':
caryclark@google.com534aa5b2012-08-02 20:08:21 +0000[diff] [blame]1772 drawTop();
caryclark@google.com752b60e2012-03-22 21:11:17 +0000[diff] [blame]1773 break;
1774 }
1775}
1776
1777function start() {
1778 for (i = 0; i < testDivs.length; ++i) {
caryclark@google.com0e08a192012-07-13 21:07:52 +0000[diff] [blame]1779 var title = testDivs[i].id.toString();
caryclark@google.com752b60e2012-03-22 21:11:17 +0000[diff] [blame]1780 var str = testDivs[i].firstChild.data;
caryclark@google.comfa4a6e92012-07-11 17:52:32 +0000[diff] [blame]1781 if (str.split("addRect").length > 1) {
caryclark@google.com0e08a192012-07-13 21:07:52 +0000[diff] [blame]1782 parseRect(str, title);
caryclark@google.comfa4a6e92012-07-11 17:52:32 +0000[diff] [blame]1783 } else {
caryclark@google.com0e08a192012-07-13 21:07:52 +0000[diff] [blame]1784 parse(str, title);
caryclark@google.comfa4a6e92012-07-11 17:52:32 +0000[diff] [blame]1785 }
caryclark@google.com752b60e2012-03-22 21:11:17 +0000[diff] [blame]1786 }
1787 drawTop();
1788 window.addEventListener('keypress', doKeyPress, true);
caryclark@google.com534aa5b2012-08-02 20:08:21 +0000[diff] [blame]1789 window.onresize = function() {
1790 drawTop();
1791 }
caryclark@google.com752b60e2012-03-22 21:11:17 +0000[diff] [blame]1792}
1793
1794</script>
1795</head>
1796
1797<body onLoad="start();">
caryclark@google.comfa4a6e92012-07-11 17:52:32 +0000[diff] [blame]1798<canvas id="canvas" width="750" height="500"
caryclark@google.com752b60e2012-03-22 21:11:17 +0000[diff] [blame]1799 onmousemove="handleMouseOver()"
1800 onclick="handleMouseClick()"
1801 ></canvas >
1802</body>
1803</html>