blob: b71ebbc661e29a3ac8d47203189358ad98c7db78 [file] [log] [blame]
caryclark@google.com752b60e2012-03-22 21:11:17 +00001<html>
2<head>
3<div style="height:0">
caryclark@google.comfa0588f2012-04-26 21:01:06 +00004
5<div id="testSimplifyQuadratic1">
6 SkPath path, out;
7 path.moveTo(0, 0);
8 path.quadTo(1, 0, 1, 1);
9 path.close();
10 path.moveTo(1, 0);
11 path.quadTo(0, 0, 0, 1);
12 path.close();
13 testSimplify(path, true, out, bitmap);
14}
caryclark@google.com752b60e2012-03-22 21:11:17 +000015</div>
caryclark@google.comfa0588f2012-04-26 21:01:06 +000016
17<div id="testSimplifyQuadratic2">
18 SkPath path, out;
19 path.moveTo(0, 0);
20 path.quadTo(20, 0, 20, 20);
21 path.close();
22 path.moveTo(20, 0);
23 path.quadTo(0, 0, 0, 20);
24 path.close();
25 testSimplify(path, true, out, bitmap);
26}
caryclark@google.comd88e0892012-03-27 13:23:51 +000027</div>
caryclark@google.comfa0588f2012-04-26 21:01:06 +000028
29<div id="testSimplifyQuadratic3">
30 SkPath path, out;
31 path.moveTo(0, 0);
32 path.quadTo(20, 0, 20, 20);
33 path.close();
34 path.moveTo(0, 20);
35 path.quadTo(0, 0, 20, 0);
36 path.close();
37 testSimplify(path, true, out, bitmap);
38}
caryclark@google.comd88e0892012-03-27 13:23:51 +000039</div>
caryclark@google.comfa0588f2012-04-26 21:01:06 +000040
41<div id="testSimplifyQuadratic4">
42 SkPath path, out;
43 path.moveTo(0, 20);
44 path.quadTo(20, 0, 40, 20);
45 path.close();
46 path.moveTo(40, 10);
47 path.quadTo(20, 30, 0, 10);
48 path.close();
49 testSimplify(path, true, out, bitmap);
50 drawAsciiPaths(path, out, true);
51}
caryclark@google.comd88e0892012-03-27 13:23:51 +000052</div>
caryclark@google.comfa0588f2012-04-26 21:01:06 +000053
54<div id="testSimplifyQuadratic5">
55 SkPath path, out;
56 path.moveTo(0, 0);
57 path.quadTo(0, 0, 0, 0);
58 path.lineTo(0, 0);
59 path.close();
60 path.moveTo(0, 0);
61 path.lineTo(0, 0);
62 path.quadTo(0, 0, 0, 1);
63 path.close();
64 testSimplify(path, true, out, bitmap);
65 drawAsciiPaths(path, out, true);
66}
caryclark@google.comfb173422012-04-10 18:28:55 +000067</div>
caryclark@google.comfa0588f2012-04-26 21:01:06 +000068
69<div id="testSimplifyQuadratic6">
70 SkPath path, out;
71 path.moveTo(0, 0);
72 path.quadTo(0, 0, 0, 0);
73 path.lineTo(1, 0);
74 path.close();
75 path.moveTo(0, 0);
76 path.lineTo(0, 0);
77 path.quadTo(1, 0, 0, 1);
78 path.close();
79 testSimplify(path, true, out, bitmap);
80 drawAsciiPaths(path, out, true);
81}
caryclark@google.comfb173422012-04-10 18:28:55 +000082</div>
caryclark@google.comfa0588f2012-04-26 21:01:06 +000083
84<div id="testSimplifyQuadratic7">
85 SkPath path, out;
86 path.moveTo(0, 0);
87 path.quadTo(0, 0, 0, 0);
88 path.lineTo(0, 1);
89 path.close();
90 path.moveTo(0, 0);
91 path.lineTo(0, 0);
92 path.quadTo(1, 0, 0, 2);
93 path.close();
94 testSimplify(path, true, out, bitmap);
95 drawAsciiPaths(path, out, true);
96}
97</div>
98
99<div id="testSimplifyQuadratic8">
100 SkPath path, out;
101 path.moveTo(0, 0);
102 path.quadTo(0, 0, 0, 0);
103 path.lineTo(0, 0);
104 path.close();
105 path.moveTo(0, 0);
106 path.lineTo(0, 0);
107 path.quadTo(1, 0, 0, 2);
108 path.close();
109 testSimplify(path, true, out, bitmap);
110 drawAsciiPaths(path, out, true);
111}
112</div>
113
114<div id="testSimplifyQuadratic9">
115 SkPath path, out;
116 path.moveTo(0, 0);
117 path.quadTo(0, 0, 0, 0);
118 path.lineTo(1, 1);
119 path.close();
120 path.moveTo(0, 0);
121 path.lineTo(0, 0);
122 path.quadTo(1, 0, 2, 2);
123 path.close();
124 testSimplify(path, true, out, bitmap);
125 drawAsciiPaths(path, out, true);
126}
127</div>
128
129<div id="testSimplifyQuadratic10">
130 SkPath path, out;
caryclark@google.com78e17132012-04-17 11:40:34 +0000131 path.moveTo(0, 0);
132 path.quadTo(0, 0, 0, 0);
133 path.lineTo(0, 0);
134 path.close();
135 path.moveTo(0, 0);
136 path.lineTo(0, 1);
137 path.quadTo(1, 1, 1, 2);
caryclark@google.com78e17132012-04-17 11:40:34 +0000138 path.close();
caryclark@google.comfa0588f2012-04-26 21:01:06 +0000139 testSimplify(path, true, out, bitmap);
140 drawAsciiPaths(path, out, true);
141}
caryclark@google.com78e17132012-04-17 11:40:34 +0000142</div>
143
caryclark@google.comfa0588f2012-04-26 21:01:06 +0000144<div id="testSimplifyQuadratic11">
145 SkPath path, out;
caryclark@google.com78e17132012-04-17 11:40:34 +0000146 path.moveTo(0, 0);
147 path.quadTo(0, 0, 0, 0);
148 path.lineTo(0, 2);
caryclark@google.com78e17132012-04-17 11:40:34 +0000149 path.close();
150 path.moveTo(0, 0);
151 path.lineTo(2, 1);
152 path.quadTo(2, 2, 3, 3);
caryclark@google.comfa0588f2012-04-26 21:01:06 +0000153 path.close();
154 testSimplify(path, true, out, bitmap);
155 drawAsciiPaths(path, out, true);
156}
157</div>
158
159<div id="testSimplifyQuadratic12">
160 SkPath path, out;
161 path.moveTo(0, 0);
162 path.lineTo(0, 2);
caryclark@google.com78e17132012-04-17 11:40:34 +0000163 path.lineTo(0, 0);
164 path.close();
caryclark@google.comfa0588f2012-04-26 21:01:06 +0000165 path.moveTo(3, 0);
166 path.quadTo(1, 1, 0, 2);
167 path.lineTo(3, 0);
168 path.close();
169 testSimplify(path, true, out, bitmap);
170 drawAsciiPaths(path, out, true);
171}
caryclark@google.com78e17132012-04-17 11:40:34 +0000172</div>
173
caryclark@google.comfa0588f2012-04-26 21:01:06 +0000174<div id="testSimplifyQuadratic13">
175 SkPath path, out;
caryclark@google.com78e17132012-04-17 11:40:34 +0000176path.moveTo(0, 0);
177path.quadTo(0, 0, 1, 0);
178path.lineTo(1, 1);
179path.lineTo(0, 0);
180path.close();
181path.moveTo(0, 0);
182path.quadTo(3, 0, 1, 1);
183path.lineTo(0, 0);
184path.close();
caryclark@google.comfa0588f2012-04-26 21:01:06 +0000185 testSimplify(path, true, out, bitmap);
186 drawAsciiPaths(path, out, true);
187}
caryclark@google.com78e17132012-04-17 11:40:34 +0000188</div>
189
caryclark@google.comfa0588f2012-04-26 21:01:06 +0000190<div id="testSimplifyQuadratic14">
191 SkPath path, out;
caryclark@google.com78e17132012-04-17 11:40:34 +0000192 path.moveTo(0, 0);
193 path.quadTo(0, 0, 0, 0);
194 path.lineTo(1, 1);
caryclark@google.com78e17132012-04-17 11:40:34 +0000195 path.close();
196 path.moveTo(0, 0);
197 path.lineTo(0, 0);
198 path.quadTo(0, 1, 2, 1);
caryclark@google.com78e17132012-04-17 11:40:34 +0000199 path.close();
caryclark@google.comfa0588f2012-04-26 21:01:06 +0000200 testSimplify(path, true, out, bitmap);
201 drawAsciiPaths(path, out, true);
202}
caryclark@google.com78e17132012-04-17 11:40:34 +0000203</div>
204
caryclark@google.comfa0588f2012-04-26 21:01:06 +0000205<div id="testSimplifyQuadratic15">
206 SkPath path, out;
207 path.moveTo(0, 0);
208 path.quadTo(0, 0, 1, 3);
209 path.lineTo(3, 3);
210 path.close();
211 path.moveTo(0, 1);
212 path.lineTo(1, 1);
213 path.quadTo(0, 3, 3, 3);
214 path.close();
215 testSimplify(path, true, out, bitmap);
216 drawAsciiPaths(path, out, true);
217}
218</div>
219
220<div id="testSimplifyQuadratic16">
221 SkPath path, out;
222 path.moveTo(0, 0);
223 path.quadTo(0, 0, 0, 0);
224 path.lineTo(0, 1);
225 path.close();
226 path.moveTo(0, 0);
227 path.lineTo(0, 0);
228 path.quadTo(1, 0, 0, 1);
229 path.close();
230 testSimplify(path, true, out, bitmap);
231 drawAsciiPaths(path, out, true);
232}
233</div>
234
235<div id="testSimplifyQuadratic17">
236 SkPath path, out;
caryclark@google.comb45a1b42012-05-18 20:50:33 +0000237 path.moveTo(8, 8);
238 path.quadTo(10, 10, 8, -10);
caryclark@google.comfa0588f2012-04-26 21:01:06 +0000239 path.close();
caryclark@google.comb45a1b42012-05-18 20:50:33 +0000240 path.moveTo(8, 8);
241 path.quadTo(12, 12, 14, 4);
242 path.close();
243 path.moveTo(8, 8);
244 path.quadTo(9, 9, 10, 8);
caryclark@google.comfa0588f2012-04-26 21:01:06 +0000245 path.close();
246 testSimplify(path, true, out, bitmap);
247 drawAsciiPaths(path, out, true);
248}
caryclark@google.com78e17132012-04-17 11:40:34 +0000249</div>
caryclark@google.comfb173422012-04-10 18:28:55 +0000250
caryclark@google.comb45a1b42012-05-18 20:50:33 +0000251<div id="testSimplifyQuadratic18">
252 SkPath path, out;
253 path.moveTo(8.0000000000000071, 8.0000000000000071);
254 path.quadTo(8.7289570079366854, 8.7289570079366889, 9.3914917259458743, 9.0593802763083691);
255 path.close();
256 path.moveTo(8.0000000000000142, 8.0000000000000142);
257 path.quadTo(8.1250000000000107, 8.1250000000000071, 8.2500000000000071, 8.2187500000000053);
258 path.close();
259 testSimplify(path, true, out, bitmap);
260 drawAsciiPaths(path, out, true);
261</div>
caryclark@google.com8dcf1142012-07-02 20:27:02 +0000262
263<div id="testSimplifyQuadratic19">
264 SkPath path, simple;
265 path.moveTo(0,4);
266 path.lineTo(6,4);
267 path.lineTo(3,1);
268 path.close();
269 path.moveTo(2,3);
270 path.lineTo(3,2);
271 path.lineTo(4,3);
272 path.close();
273 testSimplifyx(path);
274</div>
275
276<div id="testSimplifyQuadratic20">
277 SkPath path, simple;
278 path.moveTo(0,4);
279 path.lineTo(6,4);
280 path.lineTo(3,1);
281 path.close();
282 path.moveTo(2,3);
283 path.lineTo(4,3);
284 path.lineTo(3,2);
285 path.close();
286 testSimplifyx(path);
287</div>
288
289<div id="testSimplifyQuadratic21">
290 SkPath path, simple;
291 path.moveTo(0,4);
292 path.lineTo(8,4);
293 path.lineTo(4,0);
294 path.close();
295 path.moveTo(2,2);
296 path.lineTo(3,3);
297 path.lineTo(4,2);
298 path.close();
299 testSimplifyx(path);
300</div>
301
302<div id="testLine6">
303 SkPath path, simple;
304 path.moveTo(0,0);
305 path.lineTo(4,0);
306 path.lineTo(2,2);
307 path.close();
308 path.moveTo(2,0);
309 path.lineTo(6,0);
310 path.lineTo(4,2);
311 path.close();
312 testSimplifyx(path);
313</div>
314
caryclark@google.comfa4a6e92012-07-11 17:52:32 +0000315<div id="testLine7">
316 SkPath path, simple;
317 path.moveTo(0,0);
318 path.lineTo(4,0);
319 path.lineTo(2,2);
320 path.close();
321 path.moveTo(6,0);
322 path.lineTo(2,0);
323 path.lineTo(4,2);
324 path.close();
325 testSimplifyx(path);
326</div>
327
caryclark@google.comcc905052012-07-25 20:59:42 +0000328<div id="testLine7b">
329 path.moveTo(0,0);
330 path.lineTo(4,0);
331 path.close();
332 path.moveTo(6,0);
333 path.lineTo(2,0);
334 path.lineTo(4,2);
335 path.close();
336</div>
337
caryclark@google.comfa4a6e92012-07-11 17:52:32 +0000338<div id="testLine9">
339 SkPath path, simple;
340 path.moveTo(0,4);
341 path.lineTo(4,4);
342 path.lineTo(2,2);
343 path.close();
344 path.moveTo(6,4);
345 path.lineTo(2,4);
346 path.lineTo(4,2);
347 path.close();
348 testSimplifyx(path);
349</div>
350
caryclark@google.come21cb182012-07-23 21:26:31 +0000351<div id="testLine12">
352 path.moveTo(0,4);
353 path.lineTo(6,4);
354 path.lineTo(3,1);
355 path.close();
356 path.moveTo(2,3);
357 path.lineTo(3,2);
358 path.lineTo(4,3);
359 path.close();
360</div>
361
362<div id="testLine13">
363 path.moveTo(6,4);
364 path.lineTo(0,4);
365 path.lineTo(3,1);
366 path.close();
367 path.moveTo(3,2);
368 path.lineTo(2,3);
369 path.lineTo(4,3);
370 path.close();
371</div>
372
caryclark@google.com8dcf1142012-07-02 20:27:02 +0000373<div id="testLine17">
374 SkPath path, simple;
375 path.addRect(0, 0, 12, 12, (SkPath::Direction) 0);
376 path.addRect(4, 12, 13, 13, (SkPath::Direction) 0);
377 testSimplifyx(path);
378</div>
379
caryclark@google.com47580692012-07-23 12:14:49 +0000380<div id="testLine19">
381 SkPath path, simple;
382 path.addRect(0, 0, 12, 12, (SkPath::Direction) 0);
383 path.addRect(12, 16, 21, 21, (SkPath::Direction) 0);
384 testSimplifyx(path);
385</div>
386
caryclark@google.comcc905052012-07-25 20:59:42 +0000387<div id="testLine22">
388 path.addRect(0, 12, 12, 12, (SkPath::Direction) 0);
389 path.addRect(4, 12, 13, 13, (SkPath::Direction) 0);
390</div>
391
caryclark@google.com47580692012-07-23 12:14:49 +0000392<div id="testLine24">
393 path.addRect(0, 18, 12, 12, (SkPath::Direction) 0);
394 path.addRect(4, 12, 13, 13, (SkPath::Direction) 0);
395</div>
396
caryclark@google.comfa4a6e92012-07-11 17:52:32 +0000397<div id="testLine28">
398 SkPath path, simple;
399 path.addRect(0, 6, 12, 12, (SkPath::Direction) 0);
400 path.addRect(0, 0, 9, 9, (SkPath::Direction) 0);
401 testSimplifyx(path);
402</div>
403
404<div id="testLine29">
405 SkPath path, simple;
406 path.addRect(0, 18, 12, 12, (SkPath::Direction) 0);
407 path.addRect(12, 12, 21, 21, (SkPath::Direction) 0);
408 testSimplifyx(path);
409</div>
410
411<div id="testLine30">
412 path.addRect(0, 0, 20, 20, (SkPath::Direction) 0);
413 path.addRect(0, 0, 12, 12, (SkPath::Direction) 0);
414 path.addRect(4, 4, 13, 13, (SkPath::Direction) 0);
415</div>
416
417<div id="testLine31">
418 path.addRect(0, 0, 20, 20, (SkPath::Direction) 0);
419 path.addRect(0, 0, 12, 12, (SkPath::Direction) 0);
420 path.addRect(0, 4, 9, 9, (SkPath::Direction) 0);
421</div>
422
423<div id="testLine32">
424 path.addRect(0, 0, 20, 20, (SkPath::Direction) 0);
425 path.addRect(0, 0, 12, 12, (SkPath::Direction) 0);
426 path.addRect(4, 12, 13, 13, (SkPath::Direction) 0);
427</div>
428
caryclark@google.com9764cc62012-07-12 19:29:45 +0000429<div id="testLine33">
430 path.addRect(0, 0, 20, 20, (SkPath::Direction) 0);
431 path.addRect(0, 0, 12, 12, (SkPath::Direction) 0);
432 path.addRect(4, 16, 13, 13, (SkPath::Direction) 0);
433</div>
434
caryclark@google.com210acaf2012-07-12 21:05:13 +0000435<div id="testLine34">
436 path.addRect(0, 0, 20, 20, (SkPath::Direction) 0);
437 path.addRect(0, 6, 12, 12, (SkPath::Direction) 0);
438 path.addRect(4, 12, 13, 13, (SkPath::Direction) 0);
439</div>
440
441<div id="testLine35">
442 path.addRect(0, 0, 20, 20, (SkPath::Direction) 0);
443 path.addRect(6, 0, 18, 18, (SkPath::Direction) 0);
444 path.addRect(4, 16, 13, 13, (SkPath::Direction) 0);
445</div>
446
caryclark@google.com0e08a192012-07-13 21:07:52 +0000447<div id="testLine36">
448 path.addRect(0, 10, 20, 20, (SkPath::Direction) 0);
449 path.addRect(6, 12, 18, 18, (SkPath::Direction) 0);
450 path.addRect(4, 16, 13, 13, (SkPath::Direction) 0);
451</div>
452
caryclark@google.com47580692012-07-23 12:14:49 +0000453<div id="testLine37">
454 path.addRect(0, 20, 20, 20, (SkPath::Direction) 0);
455 path.addRect(18, 24, 30, 30, (SkPath::Direction) 0);
456 path.addRect(0, 0, 9, 9, (SkPath::Direction) 0);
457</div>
458
459<div id="testLine38">
460 path.addRect(10, 0, 30, 30, (SkPath::Direction) 0);
461 path.addRect(6, 12, 18, 18, (SkPath::Direction) 0);
462 path.addRect(12, 12, 21, 21, (SkPath::Direction) 0);
463</div>
464
465<div id="testLine39">
466 path.addRect(10, 0, 30, 30, (SkPath::Direction) 0);
467 path.addRect(12, 6, 24, 24, (SkPath::Direction) 0);
468 path.addRect(12, 4, 21, 21, (SkPath::Direction) 0);
469</div>
470
471<div id="testLine40">
472 path.addRect(10, 0, 30, 30, (SkPath::Direction) 0);
473 path.addRect(12, 18, 24, 24, (SkPath::Direction) 0);
474 path.addRect(4, 16, 13, 13, (SkPath::Direction) 0);
475</div>
476
477<div id="testLine41">
478 path.addRect(0, 0, 20, 20, (SkPath::Direction) 0);
479 path.addRect(18, 24, 30, 30, (SkPath::Direction) 0);
480 path.addRect(12, 0, 21, 21, (SkPath::Direction) 0);
481</div>
482
483<div id="testLine42">
484 path.addRect(0, 0, 20, 20, (SkPath::Direction) 0);
485 path.addRect(0, 0, 12, 12, (SkPath::Direction) 0);
486 path.addRect(8, 16, 17, 17, (SkPath::Direction) 0);
487</div>
488
489<div id="testLine43">
490 path.addRect(0, 0, 20, 20, (SkPath::Direction) 0);
491 path.addRect(6, 24, 18, 18, (SkPath::Direction) 0);
492 path.addRect(0, 32, 9, 36, (SkPath::Direction) 1);
493</div>
494
495<div id="testLine44">
496 path.addRect(10, 40, 30, 30, (SkPath::Direction) 0);
497 path.addRect(18, 0, 30, 30, (SkPath::Direction) 0);
498 path.addRect(18, 32, 27, 36, (SkPath::Direction) 1);
499</div>
500
501<div id="testLine45">
502 path.addRect(10, 0, 30, 30, (SkPath::Direction) 0);
503 path.addRect(18, 0, 30, 30, (SkPath::Direction) 0);
504 path.addRect(24, 32, 33, 36, (SkPath::Direction) 0);
505</div>
506
507<div id="testLine46">
508 path.addRect(10, 40, 30, 30, (SkPath::Direction) 0);
509 path.addRect(24, 0, 36, 36, (SkPath::Direction) 0);
510 path.addRect(24, 32, 33, 36, (SkPath::Direction) 0);
511</div>
512
513<div id="testLine47">
514 path.addRect(0, 0, 20, 20, (SkPath::Direction) 0);
515 path.addRect(0, 0, 12, 12, (SkPath::Direction) 0);
516 path.addRect(0, 0, 9, 9, (SkPath::Direction) 1);
517</div>
518
519<div id="testLine48">
520 path.addRect(0, 0, 20, 20, (SkPath::Direction) 0);
521 path.addRect(0, 6, 12, 12, (SkPath::Direction) 0);
522 path.addRect(0, 0, 9, 9, (SkPath::Direction) 1);
523</div>
524
525<div id="testLine49">
526 path.addRect(0, 0, 20, 20, (SkPath::Direction) 0);
527 path.addRect(0, 0, 12, 12, (SkPath::Direction) 0);
528 path.addRect(0, 0, 9, 9, (SkPath::Direction) 0);
529</div>
530
531<div id="testLine50">
532 path.addRect(10, 30, 30, 30, (SkPath::Direction) 0);
533 path.addRect(24, 20, 36, 30, (SkPath::Direction) 0);
534</div>
535
536<div id="testLine51">
537 path.addRect(0, 0, 20, 20, (SkPath::Direction) 0);
538 path.addRect(0, 12, 12, 12, (SkPath::Direction) 0);
539 path.addRect(4, 12, 13, 13, (SkPath::Direction) 1);
540</div>
541
caryclark@google.come21cb182012-07-23 21:26:31 +0000542<div id="testLine52">
543 path.addRect(0, 30, 20, 20, (SkPath::Direction) 0);
544 path.addRect(6, 20, 18, 30, (SkPath::Direction) 0);
545 path.addRect(32, 0, 36, 41, (SkPath::Direction) 0);
546</div>
547
548<div id="testLine53">
549 path.addRect(10, 30, 30, 30, (SkPath::Direction) 0);
550 path.addRect(12, 20, 24, 30, (SkPath::Direction) 0);
551 path.addRect(12, 32, 21, 36, (SkPath::Direction) 1);
552</div>
553
554<div id="testLine54">
555 path.addRect(0, 0, 20, 20, (SkPath::Direction) 0);
556 path.addRect(6, 0, 18, 18, (SkPath::Direction) 0);
557 path.addRect(8, 4, 17, 17, (SkPath::Direction) 1);
558</div>
559
560<div id="testLine55">
561 path.addRect(0, 0, 20, 20, (SkPath::Direction) 0);
562 path.addRect(6, 6, 18, 18, (SkPath::Direction) 0);
563 path.addRect(4, 4, 13, 13, (SkPath::Direction) 1);
564</div>
565
caryclark@google.com18063442012-07-25 12:05:18 +0000566<div id="testLine56">
567 path.addRect(0, 20, 20, 20, (SkPath::Direction) 0);
568 path.addRect(18, 20, 30, 30, (SkPath::Direction) 0);
569 path.addRect(12, 0, 21, 21, (SkPath::Direction) 1);
570</div>
571
572<div id="testLine57">
573 path.addRect(20, 0, 40, 40, (SkPath::Direction) 0);
574 path.addRect(20, 0, 30, 40, (SkPath::Direction) 0);
575 path.addRect(12, 0, 21, 21, (SkPath::Direction) 1);
576</div>
577
caryclark@google.comcc905052012-07-25 20:59:42 +0000578<div id="testLine58">
579 path.addRect(0, 0, 20, 20, (SkPath::Direction) 0);
580 path.addRect(0, 0, 12, 12, (SkPath::Direction) 1);
581 path.addRect(0, 12, 9, 9, (SkPath::Direction) 1);
582</div>
583
584<div id="testLine59">
585 path.addRect(0, 0, 20, 20, (SkPath::Direction) 0);
586 path.addRect(6, 6, 18, 18, (SkPath::Direction) 1);
587 path.addRect(4, 4, 13, 13, (SkPath::Direction) 1);
588</div>
589
caryclark@google.com27c449a2012-07-27 18:26:38 +0000590<div id="testLine60">
591 path.addRect(0, 0, 20, 20, (SkPath::Direction) 0);
592 path.addRect(6, 12, 18, 18, (SkPath::Direction) 1);
593 path.addRect(4, 12, 13, 13, (SkPath::Direction) 1);
594</div>
595
596<div id="testLine61">
597 path.addRect(0, 0, 20, 20, (SkPath::Direction) 0);
598 path.addRect(12, 0, 24, 24, (SkPath::Direction) 1);
599 path.addRect(12, 0, 21, 21, (SkPath::Direction) 1);
600</div>
601
602<div id="testLine62">
603 path.addRect(0, 0, 60, 60, (SkPath::Direction) 0);
604 path.addRect(0, 0, 20, 20, (SkPath::Direction) 0);
605 path.addRect(0, 12, 12, 12, (SkPath::Direction) 0);
606 path.addRect(4, 12, 13, 13, (SkPath::Direction) 1);
607</div>
608
609<div id="testLine63">
610 path.addRect(0, 0, 60, 60, (SkPath::Direction) 0);
611 path.addRect(0, 10, 20, 20, (SkPath::Direction) 0);
612 path.addRect(0, 6, 12, 12, (SkPath::Direction) 1);
613 path.addRect(0, 32, 9, 36, (SkPath::Direction) 1);
614</div>
615
616<div id="testLine64">
617 path.addRect(0, 0, 60, 60, (SkPath::Direction) 0);
618 path.addRect(10, 40, 30, 30, (SkPath::Direction) 0);
619 path.addRect(18, 6, 30, 30, (SkPath::Direction) 0);
620</div>
621
622<div id="testLine65">
623 path.addRect(0, 0, 60, 60, (SkPath::Direction) 0);
624 path.addRect(10, 0, 30, 30, (SkPath::Direction) 0);
625 path.addRect(24, 0, 36, 36, (SkPath::Direction) 0);
626 path.addRect(32, 6, 36, 41, (SkPath::Direction) 1);
627</div>
628
629<div id="testLine66">
630 path.addRect(0, 0, 60, 60, (SkPath::Direction) 0);
631 path.addRect(0, 30, 20, 20, (SkPath::Direction) 0);
632 path.addRect(12, 20, 24, 30, (SkPath::Direction) 0);
633</div>
634
caryclark@google.com534aa5b2012-08-02 20:08:21 +0000635<div id="testLine67">
636 path.addRect(0, 0, 60, 60, (SkPath::Direction) 0);
637 path.addRect(10, 40, 30, 30, (SkPath::Direction) 0);
638 path.addRect(24, 20, 36, 30, (SkPath::Direction) 0);
639 path.addRect(32, 0, 36, 41, (SkPath::Direction) 0);
640</div>
641
642<div id="testLine68a">
643 path.addRect(0, 0, 8, 8, (SkPath::Direction) 0);
644 path.addRect(2, 2, 6, 6, (SkPath::Direction) 0);
645 path.addRect(1, 2, 4, 2, (SkPath::Direction) 0);
646</div>
647
648<div id="testLine68b">
649 path.addRect(0, 0, 8, 8, (SkPath::Direction) 0);
650 path.addRect(2, 2, 6, 6, (SkPath::Direction) 1);
651 path.addRect(1, 2, 4, 2, (SkPath::Direction) 0);
652</div>
653
654<div id="testLine68c">
655 path.addRect(0, 0, 8, 8, (SkPath::Direction) 1);
656 path.addRect(2, 2, 6, 6, (SkPath::Direction) 0);
657 path.addRect(1, 2, 4, 2, (SkPath::Direction) 0);
658</div>
659
660<div id="testLine68d">
661 path.addRect(0, 0, 8, 8, (SkPath::Direction) 1);
662 path.addRect(2, 2, 6, 6, (SkPath::Direction) 1);
663 path.addRect(1, 2, 4, 2, (SkPath::Direction) 0);
664</div>
665
666<div id="testLine68e">
667 path.addRect(0, 0, 8, 8, (SkPath::Direction) 0);
668 path.addRect(0, 0, 8, 8, (SkPath::Direction) 0);
669 path.addRect(2, 2, 6, 6, (SkPath::Direction) 1);
670 path.addRect(1, 2, 2, 2, (SkPath::Direction) 0);
671</div>
672
673<div id="testLine68f">
674 path.addRect(0, 0, 8, 8, (SkPath::Direction) 0);
675 path.addRect(2, 2, 6, 6, (SkPath::Direction) 1);
676 path.addRect(2, 2, 6, 6, (SkPath::Direction) 1);
677 path.addRect(1, 2, 2, 2, (SkPath::Direction) 0);
678</div>
679
680<div id="testLine69">
681 path.addRect(0, 20, 20, 20, (SkPath::Direction) 0);
682 path.addRect(0, 20, 12, 30, (SkPath::Direction) 0);
683 path.addRect(12, 32, 21, 36, (SkPath::Direction) 0);
684</div>
685
686<div id="testLine70">
687 path.addRect(0, 0, 20, 20, (SkPath::Direction) 0);
688 path.addRect(0, 24, 12, 12, (SkPath::Direction) 0);
689 path.addRect(12, 32, 21, 36, (SkPath::Direction) 1);
690</div>
691
692<div id="testLine71">
693 path.addRect(0, 0, 20, 20, (SkPath::Direction) 0);
694 path.addRect(12, 0, 24, 24, (SkPath::Direction) 0);
695 path.addRect(12, 32, 21, 36, (SkPath::Direction) 0);
696</div>
697
caryclark@google.com200c2112012-08-03 15:05:04 +0000698<div id="testLine72">
699 path.addRect(0, 0, 60, 60, (SkPath::Direction) 0);
700 path.addRect(10, 40, 30, 30, (SkPath::Direction) 0);
701 path.addRect(6, 20, 18, 30, (SkPath::Direction) 0);
702</div>
703
704<div id="testLine73">
705 path.addRect(0, 0, 60, 60, (SkPath::Direction) 0);
706 path.addRect(0, 40, 20, 20, (SkPath::Direction) 0);
707 path.addRect(0, 20, 12, 30, (SkPath::Direction) 0);
708 path.addRect(0, 0, 9, 9, (SkPath::Direction) 1);
709</div>
710
caryclark@google.com0c803d02012-08-06 11:15:47 +0000711<div id="testLine74">
712 path.addRect(20, 30, 40, 40, (SkPath::Direction) 0);
713 path.addRect(24, 20, 36, 30, (SkPath::Direction) 1);
714 path.addRect(32, 24, 36, 41, (SkPath::Direction) 1);
715</div>
716
caryclark@google.com2ddff932012-08-07 21:25:27 +0000717<div id="testLine75">
718 path.addRect(0, 0, 60, 60, (SkPath::Direction) 0);
719 path.addRect(10, 0, 30, 30, (SkPath::Direction) 1);
720 path.addRect(18, 0, 30, 30, (SkPath::Direction) 1);
721 path.addRect(12, 0, 21, 21, (SkPath::Direction) 1);
722</div>
723
724<div id="testLine76">
725 path.addRect(36, 0, 66, 60, (SkPath::Direction) 0);
726 path.addRect(10, 20, 40, 30, (SkPath::Direction) 0);
727 path.addRect(24, 20, 36, 30, (SkPath::Direction) 1);
728 path.addRect(32, 6, 36, 41, (SkPath::Direction) 1);
729</div>
730
731<div id="testLine77">
732 path.addRect(20, 0, 40, 40, (SkPath::Direction) 0);
733 path.addRect(24, 6, 36, 36, (SkPath::Direction) 1);
734 path.addRect(24, 32, 33, 36, (SkPath::Direction) 1);
735</div>
736
737<div id="testLine78">
738 path.addRect(0, 0, 30, 60, (SkPath::Direction) 0);
739 path.addRect(10, 20, 30, 30, (SkPath::Direction) 1);
740 path.addRect(18, 20, 30, 30, (SkPath::Direction) 1);
741 path.addRect(32, 0, 36, 41, (SkPath::Direction) 1);
742</div>
743
744<div id="testLine79">
745 path.addRect(0, 36, 60, 30, (SkPath::Direction) 0);
746 path.addRect(10, 30, 40, 30, (SkPath::Direction) 0);
747 path.addRect(0, 20, 12, 30, (SkPath::Direction) 1);
748 path.addRect(0, 32, 9, 36, (SkPath::Direction) 1);
749</div>
750
caryclark@google.com59823f72012-08-09 18:17:47 +0000751<div id="testDegenerate1">
752 path.moveTo(0, 0);
753 path.lineTo(0, 0);
754 path.lineTo(2, 0);
755 path.close();
756 path.moveTo(0, 0);
757 path.lineTo(1, 0);
758 path.lineTo(2, 0);
759 path.close();
760</div>
761
762<div id="testDegenerate2">
763 path.moveTo(0, 0);
764 path.lineTo(0, 0);
765 path.lineTo(0, 0);
766 path.close();
767 path.moveTo(0, 0);
768 path.lineTo(1, 0);
769 path.lineTo(0, 1);
770 path.close();
771</div>
772
773<div id="testDegenerate3">
774 path.moveTo(0, 0);
775 path.lineTo(2, 0);
776 path.lineTo(1, 0);
777 path.close();
778 path.moveTo(0, 0);
779 path.lineTo(0, 0);
780 path.lineTo(3, 0);
781 path.close();
782</div>
783
784<div id="testDegenerate4">
785 path.moveTo(0, 0);
786 path.lineTo(1, 0);
787 path.lineTo(1, 3);
788 path.close();
789 path.moveTo(1, 0);
790 path.lineTo(1, 1);
791 path.lineTo(1, 2);
792 path.close();
793</div>
794
795<div id="testNondegenerate1">
796 path.moveTo(0, 0);
797 path.lineTo(3, 0);
798 path.lineTo(1, 3);
799 path.close();
800 path.moveTo(1, 1);
801 path.lineTo(2, 1);
802 path.lineTo(1, 2);
803 path.close();
804</div>
805
806<div id="testNondegenerate2">
807 path.moveTo(1, 0);
808 path.lineTo(0, 1);
809 path.lineTo(1, 1);
810 path.close();
811 path.moveTo(0, 2);
812 path.lineTo(0, 3);
813 path.lineTo(1, 2);
814 path.close();
815</div>
816
817<div id="testNondegenerate3">
818 path.moveTo(0, 0);
819 path.lineTo(1, 0);
820 path.lineTo(2, 1);
821 path.close();
822 path.moveTo(0, 1);
823 path.lineTo(1, 1);
824 path.lineTo(0, 2);
825 path.close();
826</div>
827
828<div id="testNondegenerate4">
829 path.moveTo(1, 0);
830 path.lineTo(0, 1);
831 path.lineTo(1, 2);
832 path.close();
833 path.moveTo(0, 2);
834 path.lineTo(0, 3);
835 path.lineTo(1, 3);
836 path.close();
837</div>
838
839<div id="testQuadralateral5">
840 path.moveTo(0, 0);
841 path.lineTo(0, 0);
842 path.lineTo(1, 0);
843 path.lineTo(1, 1);
844 path.close();
845 path.moveTo(0, 0);
846 path.lineTo(2, 2);
847 path.lineTo(3, 2);
848 path.lineTo(3, 3);
849 path.close();
850</div>
851
852<div id="testQuadralateral6">
853 path.moveTo(0, 0);
854 path.lineTo(0, 0);
855 path.lineTo(1, 0);
856 path.lineTo(1, 1);
857 path.close();
858 path.moveTo(1, 0);
859 path.lineTo(2, 0);
860 path.lineTo(0, 2);
861 path.lineTo(2, 2);
862 path.close();
863</div>
864
caryclark@google.com24bec792012-08-20 12:43:57 +0000865<div id="testFauxQuadralateral6">
866 path.moveTo(0, 0);
867 path.lineTo(1, 0);
868 path.lineTo(1, 1);
869 path.close();
870 path.moveTo(1, 0);
871 path.lineTo(2, 0);
872 path.lineTo(1.333, 0.667);
873 path.close();
874 path.moveTo(1.333, 0.667);
875 path.lineTo(0, 2);
876 path.lineTo(2, 2);
877 path.close();
878</div>
879
880<div id="testFauxQuadralateral6a">
881 path.moveTo(0, 0);
882 path.lineTo(3, 0);
883 path.lineTo(3, 3);
884 path.close();
885 path.moveTo(3, 0);
886 path.lineTo(6, 0);
887 path.lineTo(4, 2);
888 path.close();
889 path.moveTo(4, 2);
890 path.lineTo(0, 6);
891 path.lineTo(6, 6);
892 path.close();
893</div>
894
895<div id="testFauxQuadralateral6b">
896 path.moveTo(0, 0);
897 path.lineTo(3, 0);
898 path.lineTo(3, 3);
899 path.close();
900 path.moveTo(3, 0);
901 path.lineTo(6, 0);
902 path.lineTo(4, 2);
903 path.close();
904 path.moveTo(4, 2);
905 path.lineTo(6, 6);
906 path.lineTo(0, 6);
907 path.close();
908</div>
909
910<div id="testFauxQuadralateral6c">
911 path.moveTo(0, 0);
912 path.lineTo(3, 3);
913 path.lineTo(3, 0);
914 path.close();
915 path.moveTo(3, 0);
916 path.lineTo(6, 0);
917 path.lineTo(4, 2);
918 path.close();
919 path.moveTo(4, 2);
920 path.lineTo(0, 6);
921 path.lineTo(6, 6);
922 path.close();
923</div>
924
925<div id="testFauxQuadralateral6d">
926 path.moveTo(0, 0);
927 path.lineTo(3, 3);
928 path.lineTo(3, 0);
929 path.close();
930 path.moveTo(3, 0);
931 path.lineTo(6, 0);
932 path.lineTo(4, 2);
933 path.close();
934 path.moveTo(4, 2);
935 path.lineTo(6, 6);
936 path.lineTo(0, 6);
937</div>
938
939<div id="testQuadralateral6a">
940 path.moveTo(0, 0);
941 path.lineTo(0, 0);
942 path.lineTo(3, 0);
943 path.lineTo(3, 3);
944 path.close();
945 path.moveTo(3, 0);
946 path.lineTo(6, 0);
947 path.lineTo(0, 6);
948 path.lineTo(6, 6);
949</div>
950
951<div id="testQuadralateral7">
952 path.moveTo(0, 0);
953 path.lineTo(0, 0);
954 path.lineTo(1, 0);
955 path.lineTo(2, 1);
956 path.close();
957 path.moveTo(1, 0);
958 path.lineTo(1, 1);
959 path.lineTo(2, 2);
960 path.lineTo(1, 3);
961 path.close();
962</div>
963
964<div id="testQuadralateral8">
965 path.moveTo(0, 0);
966 path.lineTo(3, 1);
967 path.lineTo(1, 3);
968 path.lineTo(3, 3);
969 path.close();
970 path.moveTo(2, 1);
971 path.lineTo(0, 2);
972 path.lineTo(3, 2);
973 path.lineTo(2, 3);
974 path.close();
975</div>
976
977<div id="testQuadralateral9">
978 path.moveTo(0, 0);
979 path.lineTo(1, 0);
980 path.lineTo(1, 2);
981 path.lineTo(2, 2);
982 path.close();
983 path.moveTo(1, 1);
984 path.lineTo(2, 1);
985 path.lineTo(1, 3);
986 path.lineTo(2, 3);
987 path.close();
988</div>
989
990<div id="testLine1x">
991 path.setFillType(SkPath::kEvenOdd_FillType);
992 path.addRect(0, 0, 12, 12, (SkPath::Direction) 0);
993 path.addRect(4, 0, 13, 13, (SkPath::Direction) 0);
994</div>
995
996<div id="testLine2x">
997 path.setFillType(SkPath::kEvenOdd_FillType);
998 path.addRect(0, 20, 20, 20, (SkPath::Direction) 0);
999 path.addRect(0, 20, 12, 30, (SkPath::Direction) 0);
1000 path.addRect(12, 0, 21, 21, (SkPath::Direction) 1);
1001</div>
1002
1003<div id="testLine3x">
1004 path.setFillType(SkPath::kEvenOdd_FillType);
1005 path.addRect(10, 30, 30, 30, (SkPath::Direction) 0);
1006 path.addRect(18, 20, 30, 30, (SkPath::Direction) 1);
1007 path.addRect(0, 32, 9, 36, (SkPath::Direction) 1);
1008</div>
1009
1010<div id="testLine4x">
1011 path.setFillType(SkPath::kEvenOdd_FillType);
1012 path.addRect(10, 30, 30, 30, (SkPath::Direction) 0);
1013 path.addRect(24, 20, 36, 30, (SkPath::Direction) 1);
1014 path.addRect(0, 32, 9, 36, (SkPath::Direction) 1);
1015</div>
1016
1017<div id="testQuadratic1">
1018 path.moveTo(0, 0);
1019 path.quadTo(0, 0, 0, 0);
1020 path.lineTo(1, 0);
1021 path.close();
1022 path.moveTo(0, 0);
1023 path.lineTo(0, 0);
1024 path.quadTo(0, 0, 0, 0);
1025 path.close();
1026</div>
1027
1028<div id="testQuadratic2">
1029 path.moveTo(0, 0);
1030 path.quadTo(0, 0, 0, 0);
1031 path.lineTo(3, 0);
1032 path.close();
1033 path.moveTo(0, 0);
1034 path.lineTo(0, 0);
1035 path.quadTo(1, 0, 0, 1);
1036 path.close();
1037</div>
1038
caryclark@google.com03f97062012-08-21 13:13:52 +00001039<div id="testQuadratic3">
1040 path.moveTo(0, 0);
1041 path.quadTo(0, 0, 1, 0);
1042 path.lineTo(0, 2);
1043 path.close();
1044 path.moveTo(0, 0);
1045 path.lineTo(0, 0);
1046 path.quadTo(1, 0, 0, 1);
1047 path.close();
1048</div>
1049
caryclark@google.com752b60e2012-03-22 21:11:17 +00001050</div>
1051
1052<script type="text/javascript">
1053
1054var testDivs = [
caryclark@google.com03f97062012-08-21 13:13:52 +00001055 testQuadratic3,
caryclark@google.com24bec792012-08-20 12:43:57 +00001056 testQuadratic2,
1057 testQuadratic1,
1058 testLine4x,
1059 testLine3x,
1060 testLine2x,
1061 testLine1x,
1062 testQuadralateral9,
1063 testQuadralateral8,
1064 testQuadralateral7,
1065 testFauxQuadralateral6d,
1066 testFauxQuadralateral6c,
1067 testFauxQuadralateral6b,
1068 testFauxQuadralateral6a,
1069 testFauxQuadralateral6,
1070 testQuadralateral6a,
caryclark@google.com59823f72012-08-09 18:17:47 +00001071 testQuadralateral6,
1072 testQuadralateral5,
1073 testNondegenerate4,
1074 testNondegenerate3,
1075 testNondegenerate2,
1076 testNondegenerate1,
1077 testDegenerate4,
1078 testDegenerate3,
1079 testDegenerate2,
1080 testDegenerate1,
caryclark@google.com2ddff932012-08-07 21:25:27 +00001081 testLine79,
1082 testLine78,
1083 testLine77,
1084 testLine76,
1085 testLine75,
caryclark@google.com0c803d02012-08-06 11:15:47 +00001086 testLine74,
caryclark@google.com200c2112012-08-03 15:05:04 +00001087 testLine73,
1088 testLine72,
caryclark@google.com534aa5b2012-08-02 20:08:21 +00001089 testLine71,
1090 testLine70,
1091 testLine69,
1092 testLine68f,
1093 testLine68e,
1094 testLine68d,
1095 testLine68c,
1096 testLine68b,
1097 testLine68a,
1098 testLine67,
caryclark@google.com27c449a2012-07-27 18:26:38 +00001099 testLine66,
1100 testLine65,
1101 testLine64,
1102 testLine63,
1103 testLine62,
1104 testLine61,
1105 testLine60,
caryclark@google.comcc905052012-07-25 20:59:42 +00001106 testLine59,
1107 testLine58,
caryclark@google.com18063442012-07-25 12:05:18 +00001108 testLine57,
1109 testLine56,
caryclark@google.come21cb182012-07-23 21:26:31 +00001110 testLine55,
1111 testLine54,
1112 testLine53,
1113 testLine52,
caryclark@google.com47580692012-07-23 12:14:49 +00001114 testLine51,
1115 testLine50,
1116 testLine49,
1117 testLine48,
1118 testLine47,
1119 testLine46,
1120 testLine45,
1121 testLine44,
1122 testLine43,
1123 testLine42,
1124 testLine41,
1125 testLine40,
1126 testLine39,
1127 testLine38,
1128 testLine37,
caryclark@google.com0e08a192012-07-13 21:07:52 +00001129 testLine36,
caryclark@google.com210acaf2012-07-12 21:05:13 +00001130 testLine35,
1131 testLine34,
caryclark@google.com9764cc62012-07-12 19:29:45 +00001132 testLine33,
caryclark@google.comfa4a6e92012-07-11 17:52:32 +00001133 testLine32,
1134 testLine31,
caryclark@google.com534aa5b2012-08-02 20:08:21 +00001135 testLine30,
caryclark@google.comfa4a6e92012-07-11 17:52:32 +00001136 testLine29,
1137 testLine28,
caryclark@google.com47580692012-07-23 12:14:49 +00001138 testLine24,
caryclark@google.comcc905052012-07-25 20:59:42 +00001139 testLine22,
caryclark@google.com47580692012-07-23 12:14:49 +00001140 testLine19,
caryclark@google.comfa4a6e92012-07-11 17:52:32 +00001141 testLine17,
caryclark@google.come21cb182012-07-23 21:26:31 +00001142 testLine13,
1143 testLine12,
caryclark@google.com47580692012-07-23 12:14:49 +00001144 testLine9,
caryclark@google.comcc905052012-07-25 20:59:42 +00001145 testLine7b,
caryclark@google.com47580692012-07-23 12:14:49 +00001146 testLine7,
caryclark@google.com8dcf1142012-07-02 20:27:02 +00001147 testSimplifyQuadratic21,
1148 testSimplifyQuadratic20,
1149 testSimplifyQuadratic19,
caryclark@google.comb45a1b42012-05-18 20:50:33 +00001150 testSimplifyQuadratic18,
caryclark@google.comfa0588f2012-04-26 21:01:06 +00001151 testSimplifyQuadratic17,
1152 testSimplifyQuadratic16,
1153 testSimplifyQuadratic15,
1154 testSimplifyQuadratic14,
1155 testSimplifyQuadratic13,
1156 testSimplifyQuadratic12,
1157 testSimplifyQuadratic11,
1158 testSimplifyQuadratic10,
1159 testSimplifyQuadratic9,
1160 testSimplifyQuadratic8,
1161 testSimplifyQuadratic7,
1162 testSimplifyQuadratic6,
1163 testSimplifyQuadratic5,
1164 testSimplifyQuadratic4,
1165 testSimplifyQuadratic3,
1166 testSimplifyQuadratic2,
1167 testSimplifyQuadratic1,
caryclark@google.com752b60e2012-03-22 21:11:17 +00001168];
1169
1170var scale, columns, rows, xStart, yStart;
1171
1172var ticks = 0.1;
1173var at_x = 13 + 0.5;
1174var at_y = 13 + 0.5;
caryclark@google.com2ddff932012-08-07 21:25:27 +00001175var decimal_places = 0; // make this 3 to show more precision
caryclark@google.com752b60e2012-03-22 21:11:17 +00001176
1177var tests = [];
caryclark@google.com0e08a192012-07-13 21:07:52 +00001178var testTitles = [];
caryclark@google.com752b60e2012-03-22 21:11:17 +00001179var testIndex = 0;
caryclark@google.com24bec792012-08-20 12:43:57 +00001180var hasXor = false;
caryclark@google.com752b60e2012-03-22 21:11:17 +00001181
1182var ctx;
1183
caryclark@google.com0e08a192012-07-13 21:07:52 +00001184function parse(test, title) {
caryclark@google.com752b60e2012-03-22 21:11:17 +00001185 var contours = [];
1186 var contourStrs = test.split("path.close();");
caryclark@google.comd88e0892012-03-27 13:23:51 +00001187 var pattern = /-?\d+\.*\d*/g;
caryclark@google.com24bec792012-08-20 12:43:57 +00001188 hasXor = test.split("kEvenOdd_FillType").length > 1;
caryclark@google.com752b60e2012-03-22 21:11:17 +00001189 for (var c in contourStrs) {
caryclark@google.comfb173422012-04-10 18:28:55 +00001190 var contour = contourStrs[c];
1191 var verbStrs = contour.split("path");
1192 var verbs = [];
1193 for (var v in verbStrs) {
1194 var verbStr = verbStrs[v];
1195 var points = verbStr.match(pattern);
1196 var pts = [];
1197 for (var wd in points) {
1198 var num = parseFloat(points[wd]);
1199 if (isNaN(num)) continue;
1200 pts.push(num);
1201 }
1202 if (pts.length > 0)
1203 verbs.push(pts);
caryclark@google.com752b60e2012-03-22 21:11:17 +00001204 }
caryclark@google.comfa0588f2012-04-26 21:01:06 +00001205 if (verbs.length > 0) {
1206 var lastIndex = verbs.length - 1;
1207 var lastVerb = verbs[lastIndex];
1208 var lastLen = lastVerb.length;
1209 if (verbs[0][0] != lastVerb[lastLen - 2] && verbs[0][1] != lastVerb[lastLen - 1]) {
1210 var lastPts = [];
1211 lastPts.push(verbs[0][0]);
1212 lastPts.push(verbs[0][1]);
1213 verbs.push(lastPts);
1214 }
caryclark@google.comfb173422012-04-10 18:28:55 +00001215 contours.push(verbs);
caryclark@google.comfa0588f2012-04-26 21:01:06 +00001216 }
caryclark@google.com752b60e2012-03-22 21:11:17 +00001217 }
caryclark@google.com0e08a192012-07-13 21:07:52 +00001218 if (contours.length > 0) {
caryclark@google.comfb173422012-04-10 18:28:55 +00001219 tests.push(contours);
caryclark@google.com0e08a192012-07-13 21:07:52 +00001220 testTitles.push(title);
1221 }
caryclark@google.com752b60e2012-03-22 21:11:17 +00001222}
1223
caryclark@google.com0e08a192012-07-13 21:07:52 +00001224function parseRect(test, title) {
caryclark@google.comfa4a6e92012-07-11 17:52:32 +00001225 var contours = [];
1226 var rectStrs = test.split("path.addRect");
1227 var pattern = /-?\d+\.*\d*/g;
caryclark@google.com24bec792012-08-20 12:43:57 +00001228 hasXor = test.split("kEvenOdd_FillType").length > 1;
caryclark@google.comfa4a6e92012-07-11 17:52:32 +00001229 for (var r in rectStrs) {
1230 var rect = rectStrs[r];
1231 var sideStrs = rect.match(pattern);
1232 var sides = [];
1233 for (var wd in sideStrs) {
1234 var num = parseFloat(sideStrs[wd]);
1235 if (isNaN(num)) continue;
1236 sides.push(num);
1237 }
1238 if (sides.length == 0)
1239 continue;
1240 var verbs = [];
1241 var topLeft = [];
1242 topLeft.push(sides[0]); topLeft.push(sides[1]);
1243 var topRight = [];
1244 topRight.push(sides[2]); topRight.push(sides[1]);
1245 var botLeft = [];
1246 botLeft.push(sides[0]); botLeft.push(sides[3]);
1247 var botRight = [];
1248 botRight.push(sides[2]); botRight.push(sides[3]);
1249 verbs.push(topLeft);
1250 if (sides[4] == 0) {
1251 verbs.push(topRight);
1252 verbs.push(botRight);
1253 verbs.push(botLeft);
1254 } else {
1255 verbs.push(botLeft);
1256 verbs.push(botRight);
1257 verbs.push(topRight);
1258 }
1259 verbs.push(topLeft);
1260 contours.push(verbs);
1261 }
caryclark@google.com0e08a192012-07-13 21:07:52 +00001262 if (contours.length > 0) {
caryclark@google.comfa4a6e92012-07-11 17:52:32 +00001263 tests.push(contours);
caryclark@google.com0e08a192012-07-13 21:07:52 +00001264 testTitles.push(title);
1265 }
caryclark@google.comfa4a6e92012-07-11 17:52:32 +00001266}
1267
caryclark@google.com752b60e2012-03-22 21:11:17 +00001268function init(test) {
1269 var canvas = document.getElementById('canvas');
1270 if (!canvas.getContext) return;
caryclark@google.com534aa5b2012-08-02 20:08:21 +00001271 canvas.width = window.innerWidth - at_x;
1272 canvas.height = window.innerHeight - at_y;
caryclark@google.com752b60e2012-03-22 21:11:17 +00001273 ctx = canvas.getContext('2d');
1274 var xmin = Infinity;
1275 var xmax = -Infinity;
1276 var ymin = Infinity;
1277 var ymax = -Infinity;
caryclark@google.comfb173422012-04-10 18:28:55 +00001278 for (var contours in test) {
1279 var contour = test[contours];
1280 for (var verbs in contour) {
1281 var verb = contour[verbs];
1282 var last = verb.length;
caryclark@google.comb45a1b42012-05-18 20:50:33 +00001283 for (var idx = 0; idx < last; idx += 2) {
1284 xmin = Math.min(xmin, verb[idx]);
1285 xmax = Math.max(xmax, verb[idx]);
1286 ymin = Math.min(ymin, verb[idx + 1]);
1287 ymax = Math.max(ymax, verb[idx + 1]);
1288 }
caryclark@google.com752b60e2012-03-22 21:11:17 +00001289 }
1290 }
1291 var subscale = 1;
1292 while ((xmax - xmin) * subscale < 0.1 && (ymax - ymin) * subscale < 0.1) {
1293 subscale *= 10;
1294 }
1295 columns = Math.ceil(xmax) - Math.floor(xmin) + 1;
1296 rows = Math.ceil(ymax) - Math.floor(ymin) + 1;
1297 xStart = Math.floor(xmin);
1298 yStart = Math.floor(ymin);
1299 var hscale = ctx.canvas.width / columns / ticks;
1300 var vscale = ctx.canvas.height / rows / ticks;
1301 scale = Math.floor(Math.min(hscale, vscale)) * subscale;
1302}
1303
1304function drawPoint(px, py, xoffset, yoffset, unit) {
caryclark@google.com2ddff932012-08-07 21:25:27 +00001305 var label = px.toFixed(decimal_places) + ", " + py.toFixed(decimal_places);
caryclark@google.com752b60e2012-03-22 21:11:17 +00001306 var _px = px * unit + xoffset;
1307 var _py = py * unit + yoffset;
1308 ctx.beginPath();
1309 ctx.arc(_px, _py, 3, 0, Math.PI*2, true);
1310 ctx.closePath();
1311 ctx.fill();
1312 ctx.fillText(label, _px + 5, _py);
1313}
1314
caryclark@google.com0e08a192012-07-13 21:07:52 +00001315function draw(test, title, _at_x, _at_y, scale) {
1316 ctx.fillStyle = "rgba(0,0,0, 0.1)";
1317 ctx.font = "normal 50px Arial";
1318 ctx.fillText(title, 50, 50);
1319 ctx.font = "normal 10px Arial";
1320
caryclark@google.com752b60e2012-03-22 21:11:17 +00001321 var unit = scale * ticks;
1322 ctx.lineWidth = 1;
1323 var i;
1324 for (i = 0; i <= rows * ticks; ++i) {
1325 ctx.strokeStyle = (i % ticks) != 0 ? "rgb(160,160,160)" : "black";
1326 ctx.beginPath();
1327 ctx.moveTo(_at_x + 0, _at_y + i * scale);
1328 ctx.lineTo(_at_x + unit * columns, _at_y + i * scale);
1329 ctx.stroke();
1330 }
1331 for (i = 0; i <= columns * ticks; ++i) {
1332 ctx.strokeStyle = (i % ticks) != 0 ? "rgb(160,160,160)" : "black";
1333 ctx.beginPath();
1334 ctx.moveTo(_at_x + i * scale, _at_y + 0);
1335 ctx.lineTo(_at_x + i * scale, _at_y + unit * rows);
1336 ctx.stroke();
1337 }
1338
1339 var xoffset = xStart * -unit + _at_x;
1340 var yoffset = yStart * -unit + _at_y;
1341
1342 ctx.fillStyle = "rgb(40,80,60)"
1343 for (i = 0; i <= columns; i += (1 / ticks))
1344 {
1345 num = (xoffset - _at_x) / -unit + i;
1346 ctx.fillText(num.toFixed(0), i * unit + _at_y - 5, 10);
1347 }
1348 for (i = 0; i <= rows; i += (1 / ticks))
1349 {
1350 num = (yoffset - _at_x) / -unit + i;
1351 ctx.fillText(num.toFixed(0), 0, i * unit + _at_y + 0);
1352 }
1353 ctx.strokeStyle = "red";
caryclark@google.comfb173422012-04-10 18:28:55 +00001354 var contours, verbs, pts;
caryclark@google.com8dcf1142012-07-02 20:27:02 +00001355 ctx.beginPath();
caryclark@google.comfb173422012-04-10 18:28:55 +00001356 for (contours in test) {
1357 var contour = test[contours];
1358 if (contours == 2) ctx.strokeStyle = "blue";
caryclark@google.comfb173422012-04-10 18:28:55 +00001359 var first = true;
1360 for (verbs in contour) {
1361 var verb = contour[verbs];
1362 switch (verb.length) {
1363 case 2:
1364 if (first) {
1365 ctx.moveTo(xoffset + verb[0] * unit, yoffset + verb[1] * unit);
1366 first = false;
1367 } else
1368 ctx.lineTo(xoffset + verb[0] * unit, yoffset + verb[1] * unit);
1369 break;
1370 case 4:
1371 ctx.quadraticCurveTo(xoffset + verb[0] * unit, yoffset + verb[1] * unit,
1372 xoffset + verb[2] * unit, yoffset + verb[3] * unit);
1373 break;
1374 case 6:
1375 ctx.bezierCurveTo(xoffset + verb[0] * unit, yoffset + verb[1] * unit,
1376 xoffset + verb[2] * unit, yoffset + verb[3] * unit,
1377 xoffset + verb[4] * unit, yoffset + verb[5] * unit);
1378 break;
1379 }
caryclark@google.com752b60e2012-03-22 21:11:17 +00001380 }
caryclark@google.com8dcf1142012-07-02 20:27:02 +00001381 ctx.closePath();
caryclark@google.com752b60e2012-03-22 21:11:17 +00001382 }
caryclark@google.com24bec792012-08-20 12:43:57 +00001383 if (hasXor) {
1384 ctx.fillType=xor; // how is this done?
1385 }
caryclark@google.com8dcf1142012-07-02 20:27:02 +00001386 ctx.stroke();
1387 ctx.fillStyle="rgba(192,192,255, 0.3)";
1388 ctx.fill();
caryclark@google.com752b60e2012-03-22 21:11:17 +00001389
1390 ctx.fillStyle="blue";
caryclark@google.comfb173422012-04-10 18:28:55 +00001391 for (contours in test) {
1392 var contour = test[contours];
1393 for (verbs in contour) {
1394 var verb = contour[verbs];
1395 for (i = 0; i < verb.length; i += 2) {
1396 x = verb[i];
1397 y = verb[i + 1];
1398 drawPoint(x, y, xoffset, yoffset, unit);
1399 }
caryclark@google.com752b60e2012-03-22 21:11:17 +00001400 }
1401 }
1402}
1403
1404var mouseX = Infinity, mouseY;
1405
1406function calcXY() {
1407 var e = window.event;
1408 var tgt = e.target || e.srcElement;
1409 var left = tgt.offsetLeft;
1410 var top = tgt.offsetTop;
1411 var unit = scale * ticks;
1412 mouseX = (e.clientX - left - Math.ceil(at_x) + 1) / unit + xStart;
1413 mouseY = (e.clientY - top - Math.ceil(at_y)) / unit + yStart;
1414}
1415
1416function handleMouseOver() {
1417 calcXY();
1418 var num = mouseX.toFixed(3) + ", " + mouseY.toFixed(3);
1419 ctx.beginPath();
1420 ctx.rect(300,100,200,10);
1421 ctx.fillStyle="white";
1422 ctx.fill();
1423 ctx.fillStyle="black";
1424 ctx.fillText(num, 300, 108);
1425}
1426
1427function handleMouseClick() {
1428 calcXY();
1429// drawInset();
1430}
1431
1432function drawTop() {
1433 init(tests[testIndex]);
1434 redraw();
1435}
1436
1437function redraw() {
1438 ctx.beginPath();
1439 ctx.rect(0, 0, ctx.canvas.width, ctx.canvas.height);
1440 ctx.fillStyle="white";
1441 ctx.fill();
caryclark@google.com0e08a192012-07-13 21:07:52 +00001442 draw(tests[testIndex], testTitles[testIndex], at_x, at_y, scale);
caryclark@google.com752b60e2012-03-22 21:11:17 +00001443// if (insetScale != scale && mouseX != Infinity)
1444// drawInset();
1445}
1446
1447function doKeyPress(evt) {
1448 var char = String.fromCharCode(evt.charCode);
1449 switch (char) {
1450 case 'N':
caryclark@google.com534aa5b2012-08-02 20:08:21 +00001451 testIndex += 9;
caryclark@google.com752b60e2012-03-22 21:11:17 +00001452 case 'n':
1453 if (++testIndex >= tests.length)
1454 testIndex = 0;
caryclark@google.comfa0588f2012-04-26 21:01:06 +00001455 mouseX = Infinity;
1456 drawTop();
1457 break;
1458 case 'P':
caryclark@google.com534aa5b2012-08-02 20:08:21 +00001459 testIndex -= 9;
caryclark@google.comfa0588f2012-04-26 21:01:06 +00001460 case 'p':
1461 if (--testIndex < 0)
1462 testIndex = tests.length - 1;
caryclark@google.com752b60e2012-03-22 21:11:17 +00001463 mouseX = Infinity;
1464 drawTop();
1465 break;
1466 case 'T':
1467 case 't':
caryclark@google.com752b60e2012-03-22 21:11:17 +00001468 break;
1469 case '-':
caryclark@google.com534aa5b2012-08-02 20:08:21 +00001470 drawTop();
caryclark@google.com752b60e2012-03-22 21:11:17 +00001471 break;
1472 case '=':
1473 case '+':
caryclark@google.com534aa5b2012-08-02 20:08:21 +00001474 drawTop();
caryclark@google.com752b60e2012-03-22 21:11:17 +00001475 break;
1476 }
1477}
1478
caryclark@google.com534aa5b2012-08-02 20:08:21 +00001479function doResize(evt) {
1480 drawTop();
1481}
1482
caryclark@google.com752b60e2012-03-22 21:11:17 +00001483function start() {
1484 for (i = 0; i < testDivs.length; ++i) {
caryclark@google.com0e08a192012-07-13 21:07:52 +00001485 var title = testDivs[i].id.toString();
caryclark@google.com752b60e2012-03-22 21:11:17 +00001486 var str = testDivs[i].firstChild.data;
caryclark@google.comfa4a6e92012-07-11 17:52:32 +00001487 if (str.split("addRect").length > 1) {
caryclark@google.com0e08a192012-07-13 21:07:52 +00001488 parseRect(str, title);
caryclark@google.comfa4a6e92012-07-11 17:52:32 +00001489 } else {
caryclark@google.com0e08a192012-07-13 21:07:52 +00001490 parse(str, title);
caryclark@google.comfa4a6e92012-07-11 17:52:32 +00001491 }
caryclark@google.com752b60e2012-03-22 21:11:17 +00001492 }
1493 drawTop();
1494 window.addEventListener('keypress', doKeyPress, true);
caryclark@google.com534aa5b2012-08-02 20:08:21 +00001495 window.onresize = function() {
1496 drawTop();
1497 }
caryclark@google.com752b60e2012-03-22 21:11:17 +00001498}
1499
1500</script>
1501</head>
1502
1503<body onLoad="start();">
caryclark@google.comfa4a6e92012-07-11 17:52:32 +00001504<canvas id="canvas" width="750" height="500"
caryclark@google.com752b60e2012-03-22 21:11:17 +00001505 onmousemove="handleMouseOver()"
1506 onclick="handleMouseClick()"
1507 ></canvas >
1508</body>
1509</html>