Gitiles
Code Review Sign In
gerrit-public.fairphone.software / platform / external / skqp / 27c449af06cd1d05db441593d08b84f3530fba52 / . / experimental / Intersection / op.htm
blob: 531812e299767d22c49d9a386e89d58147f6af1d [file] [log] [blame]
caryclark@google.com752b60e2012-03-22 21:11:17 +0000[diff] [blame]1<html>
2<head>
3<div style="height:0">
caryclark@google.comfa0588f2012-04-26 21:01:06 +0000[diff] [blame]4
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 +0000[diff] [blame]15</div>
caryclark@google.comfa0588f2012-04-26 21:01:06 +0000[diff] [blame]16
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 +0000[diff] [blame]27</div>
caryclark@google.comfa0588f2012-04-26 21:01:06 +0000[diff] [blame]28
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 +0000[diff] [blame]39</div>
caryclark@google.comfa0588f2012-04-26 21:01:06 +0000[diff] [blame]40
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 +0000[diff] [blame]52</div>
caryclark@google.comfa0588f2012-04-26 21:01:06 +0000[diff] [blame]53
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 +0000[diff] [blame]67</div>
caryclark@google.comfa0588f2012-04-26 21:01:06 +0000[diff] [blame]68
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 +0000[diff] [blame]82</div>
caryclark@google.comfa0588f2012-04-26 21:01:06 +0000[diff] [blame]83
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 +0000[diff] [blame]131 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 +0000[diff] [blame]138 path.close();
caryclark@google.comfa0588f2012-04-26 21:01:06 +0000[diff] [blame]139 testSimplify(path, true, out, bitmap);
140 drawAsciiPaths(path, out, true);
141}
caryclark@google.com78e17132012-04-17 11:40:34 +0000[diff] [blame]142</div>
143
caryclark@google.comfa0588f2012-04-26 21:01:06 +0000[diff] [blame]144<div id="testSimplifyQuadratic11">
145 SkPath path, out;
caryclark@google.com78e17132012-04-17 11:40:34 +0000[diff] [blame]146 path.moveTo(0, 0);
147 path.quadTo(0, 0, 0, 0);
148 path.lineTo(0, 2);
caryclark@google.com78e17132012-04-17 11:40:34 +0000[diff] [blame]149 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 +0000[diff] [blame]153 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 +0000[diff] [blame]163 path.lineTo(0, 0);
164 path.close();
caryclark@google.comfa0588f2012-04-26 21:01:06 +0000[diff] [blame]165 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 +0000[diff] [blame]172</div>
173
caryclark@google.comfa0588f2012-04-26 21:01:06 +0000[diff] [blame]174<div id="testSimplifyQuadratic13">
175 SkPath path, out;
caryclark@google.com78e17132012-04-17 11:40:34 +0000[diff] [blame]176path.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 +0000[diff] [blame]185 testSimplify(path, true, out, bitmap);
186 drawAsciiPaths(path, out, true);
187}
caryclark@google.com78e17132012-04-17 11:40:34 +0000[diff] [blame]188</div>
189
caryclark@google.comfa0588f2012-04-26 21:01:06 +0000[diff] [blame]190<div id="testSimplifyQuadratic14">
191 SkPath path, out;
caryclark@google.com78e17132012-04-17 11:40:34 +0000[diff] [blame]192 path.moveTo(0, 0);
193 path.quadTo(0, 0, 0, 0);
194 path.lineTo(1, 1);
caryclark@google.com78e17132012-04-17 11:40:34 +0000[diff] [blame]195 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 +0000[diff] [blame]199 path.close();
caryclark@google.comfa0588f2012-04-26 21:01:06 +0000[diff] [blame]200 testSimplify(path, true, out, bitmap);
201 drawAsciiPaths(path, out, true);
202}
caryclark@google.com78e17132012-04-17 11:40:34 +0000[diff] [blame]203</div>
204
caryclark@google.comfa0588f2012-04-26 21:01:06 +0000[diff] [blame]205<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 +0000[diff] [blame]237 path.moveTo(8, 8);
238 path.quadTo(10, 10, 8, -10);
caryclark@google.comfa0588f2012-04-26 21:01:06 +0000[diff] [blame]239 path.close();
caryclark@google.comb45a1b42012-05-18 20:50:33 +0000[diff] [blame]240 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 +0000[diff] [blame]245 path.close();
246 testSimplify(path, true, out, bitmap);
247 drawAsciiPaths(path, out, true);
248}
caryclark@google.com78e17132012-04-17 11:40:34 +0000[diff] [blame]249</div>
caryclark@google.comfb173422012-04-10 18:28:55 +0000[diff] [blame]250
caryclark@google.comb45a1b42012-05-18 20:50:33 +0000[diff] [blame]251<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 +0000[diff] [blame]262
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 +0000[diff] [blame]315<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 +0000[diff] [blame]328<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 +0000[diff] [blame]338<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 +0000[diff] [blame]351<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 +0000[diff] [blame]373<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 +0000[diff] [blame]380<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 +0000[diff] [blame]387<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 +0000[diff] [blame]392<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 +0000[diff] [blame]397<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 +0000[diff] [blame]429<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 +0000[diff] [blame]435<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 +0000[diff] [blame]447<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 +0000[diff] [blame]453<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 +0000[diff] [blame]542<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 +0000[diff] [blame]566<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 +0000[diff] [blame]578<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 +0000[diff] [blame^]590<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.com752b60e2012-03-22 21:11:17 +0000[diff] [blame]635</div>
636
637<script type="text/javascript">
638
639var testDivs = [
caryclark@google.com27c449a2012-07-27 18:26:38 +0000[diff] [blame^]640 testLine66,
641 testLine65,
642 testLine64,
643 testLine63,
644 testLine62,
645 testLine61,
646 testLine60,
caryclark@google.comcc905052012-07-25 20:59:42 +0000[diff] [blame]647 testLine59,
648 testLine58,
caryclark@google.com18063442012-07-25 12:05:18 +0000[diff] [blame]649 testLine57,
650 testLine56,
caryclark@google.come21cb182012-07-23 21:26:31 +0000[diff] [blame]651 testLine55,
652 testLine54,
653 testLine53,
654 testLine52,
caryclark@google.com47580692012-07-23 12:14:49 +0000[diff] [blame]655 testLine51,
656 testLine50,
657 testLine49,
658 testLine48,
659 testLine47,
660 testLine46,
661 testLine45,
662 testLine44,
663 testLine43,
664 testLine42,
665 testLine41,
666 testLine40,
667 testLine39,
668 testLine38,
669 testLine37,
caryclark@google.com0e08a192012-07-13 21:07:52 +0000[diff] [blame]670 testLine36,
caryclark@google.com210acaf2012-07-12 21:05:13 +0000[diff] [blame]671 testLine35,
672 testLine34,
caryclark@google.com9764cc62012-07-12 19:29:45 +0000[diff] [blame]673 testLine33,
caryclark@google.comfa4a6e92012-07-11 17:52:32 +0000[diff] [blame]674 testLine30,
675 testLine32,
676 testLine31,
677 testLine29,
678 testLine28,
caryclark@google.com47580692012-07-23 12:14:49 +0000[diff] [blame]679 testLine24,
caryclark@google.comcc905052012-07-25 20:59:42 +0000[diff] [blame]680 testLine22,
caryclark@google.com47580692012-07-23 12:14:49 +0000[diff] [blame]681 testLine19,
caryclark@google.comfa4a6e92012-07-11 17:52:32 +0000[diff] [blame]682 testLine17,
caryclark@google.come21cb182012-07-23 21:26:31 +0000[diff] [blame]683 testLine13,
684 testLine12,
caryclark@google.com47580692012-07-23 12:14:49 +0000[diff] [blame]685 testLine9,
caryclark@google.comcc905052012-07-25 20:59:42 +0000[diff] [blame]686 testLine7b,
caryclark@google.com47580692012-07-23 12:14:49 +0000[diff] [blame]687 testLine7,
caryclark@google.com8dcf1142012-07-02 20:27:02 +0000[diff] [blame]688 testSimplifyQuadratic21,
689 testSimplifyQuadratic20,
690 testSimplifyQuadratic19,
caryclark@google.comb45a1b42012-05-18 20:50:33 +0000[diff] [blame]691 testSimplifyQuadratic18,
caryclark@google.comfa0588f2012-04-26 21:01:06 +0000[diff] [blame]692 testSimplifyQuadratic17,
693 testSimplifyQuadratic16,
694 testSimplifyQuadratic15,
695 testSimplifyQuadratic14,
696 testSimplifyQuadratic13,
697 testSimplifyQuadratic12,
698 testSimplifyQuadratic11,
699 testSimplifyQuadratic10,
700 testSimplifyQuadratic9,
701 testSimplifyQuadratic8,
702 testSimplifyQuadratic7,
703 testSimplifyQuadratic6,
704 testSimplifyQuadratic5,
705 testSimplifyQuadratic4,
706 testSimplifyQuadratic3,
707 testSimplifyQuadratic2,
708 testSimplifyQuadratic1,
caryclark@google.com752b60e2012-03-22 21:11:17 +0000[diff] [blame]709];
710
711var scale, columns, rows, xStart, yStart;
712
713var ticks = 0.1;
714var at_x = 13 + 0.5;
715var at_y = 13 + 0.5;
716
717var tests = [];
caryclark@google.com0e08a192012-07-13 21:07:52 +0000[diff] [blame]718var testTitles = [];
caryclark@google.com752b60e2012-03-22 21:11:17 +0000[diff] [blame]719var testIndex = 0;
720
721var ctx;
722
caryclark@google.com0e08a192012-07-13 21:07:52 +0000[diff] [blame]723function parse(test, title) {
caryclark@google.com752b60e2012-03-22 21:11:17 +0000[diff] [blame]724 var contours = [];
725 var contourStrs = test.split("path.close();");
caryclark@google.comd88e0892012-03-27 13:23:51 +0000[diff] [blame]726 var pattern = /-?\d+\.*\d*/g;
caryclark@google.com752b60e2012-03-22 21:11:17 +0000[diff] [blame]727 for (var c in contourStrs) {
caryclark@google.comfb173422012-04-10 18:28:55 +0000[diff] [blame]728 var contour = contourStrs[c];
729 var verbStrs = contour.split("path");
730 var verbs = [];
731 for (var v in verbStrs) {
732 var verbStr = verbStrs[v];
733 var points = verbStr.match(pattern);
734 var pts = [];
735 for (var wd in points) {
736 var num = parseFloat(points[wd]);
737 if (isNaN(num)) continue;
738 pts.push(num);
739 }
740 if (pts.length > 0)
741 verbs.push(pts);
caryclark@google.com752b60e2012-03-22 21:11:17 +0000[diff] [blame]742 }
caryclark@google.comfa0588f2012-04-26 21:01:06 +0000[diff] [blame]743 if (verbs.length > 0) {
744 var lastIndex = verbs.length - 1;
745 var lastVerb = verbs[lastIndex];
746 var lastLen = lastVerb.length;
747 if (verbs[0][0] != lastVerb[lastLen - 2] && verbs[0][1] != lastVerb[lastLen - 1]) {
748 var lastPts = [];
749 lastPts.push(verbs[0][0]);
750 lastPts.push(verbs[0][1]);
751 verbs.push(lastPts);
752 }
caryclark@google.comfb173422012-04-10 18:28:55 +0000[diff] [blame]753 contours.push(verbs);
caryclark@google.comfa0588f2012-04-26 21:01:06 +0000[diff] [blame]754 }
caryclark@google.com752b60e2012-03-22 21:11:17 +0000[diff] [blame]755 }
caryclark@google.com0e08a192012-07-13 21:07:52 +0000[diff] [blame]756 if (contours.length > 0) {
caryclark@google.comfb173422012-04-10 18:28:55 +0000[diff] [blame]757 tests.push(contours);
caryclark@google.com0e08a192012-07-13 21:07:52 +0000[diff] [blame]758 testTitles.push(title);
759 }
caryclark@google.com752b60e2012-03-22 21:11:17 +0000[diff] [blame]760}
761
caryclark@google.com0e08a192012-07-13 21:07:52 +0000[diff] [blame]762function parseRect(test, title) {
caryclark@google.comfa4a6e92012-07-11 17:52:32 +0000[diff] [blame]763 var contours = [];
764 var rectStrs = test.split("path.addRect");
765 var pattern = /-?\d+\.*\d*/g;
766 for (var r in rectStrs) {
767 var rect = rectStrs[r];
768 var sideStrs = rect.match(pattern);
769 var sides = [];
770 for (var wd in sideStrs) {
771 var num = parseFloat(sideStrs[wd]);
772 if (isNaN(num)) continue;
773 sides.push(num);
774 }
775 if (sides.length == 0)
776 continue;
777 var verbs = [];
778 var topLeft = [];
779 topLeft.push(sides[0]); topLeft.push(sides[1]);
780 var topRight = [];
781 topRight.push(sides[2]); topRight.push(sides[1]);
782 var botLeft = [];
783 botLeft.push(sides[0]); botLeft.push(sides[3]);
784 var botRight = [];
785 botRight.push(sides[2]); botRight.push(sides[3]);
786 verbs.push(topLeft);
787 if (sides[4] == 0) {
788 verbs.push(topRight);
789 verbs.push(botRight);
790 verbs.push(botLeft);
791 } else {
792 verbs.push(botLeft);
793 verbs.push(botRight);
794 verbs.push(topRight);
795 }
796 verbs.push(topLeft);
797 contours.push(verbs);
798 }
caryclark@google.com0e08a192012-07-13 21:07:52 +0000[diff] [blame]799 if (contours.length > 0) {
caryclark@google.comfa4a6e92012-07-11 17:52:32 +0000[diff] [blame]800 tests.push(contours);
caryclark@google.com0e08a192012-07-13 21:07:52 +0000[diff] [blame]801 testTitles.push(title);
802 }
caryclark@google.comfa4a6e92012-07-11 17:52:32 +0000[diff] [blame]803}
804
caryclark@google.com752b60e2012-03-22 21:11:17 +0000[diff] [blame]805function init(test) {
806 var canvas = document.getElementById('canvas');
807 if (!canvas.getContext) return;
caryclark@google.comfa4a6e92012-07-11 17:52:32 +0000[diff] [blame]808 canvas.width = document.width;
809 canvas.height = document.height;
caryclark@google.com752b60e2012-03-22 21:11:17 +0000[diff] [blame]810 ctx = canvas.getContext('2d');
811 var xmin = Infinity;
812 var xmax = -Infinity;
813 var ymin = Infinity;
814 var ymax = -Infinity;
caryclark@google.comfb173422012-04-10 18:28:55 +0000[diff] [blame]815 for (var contours in test) {
816 var contour = test[contours];
817 for (var verbs in contour) {
818 var verb = contour[verbs];
819 var last = verb.length;
caryclark@google.comb45a1b42012-05-18 20:50:33 +0000[diff] [blame]820 for (var idx = 0; idx < last; idx += 2) {
821 xmin = Math.min(xmin, verb[idx]);
822 xmax = Math.max(xmax, verb[idx]);
823 ymin = Math.min(ymin, verb[idx + 1]);
824 ymax = Math.max(ymax, verb[idx + 1]);
825 }
caryclark@google.com752b60e2012-03-22 21:11:17 +0000[diff] [blame]826 }
827 }
828 var subscale = 1;
829 while ((xmax - xmin) * subscale < 0.1 && (ymax - ymin) * subscale < 0.1) {
830 subscale *= 10;
831 }
832 columns = Math.ceil(xmax) - Math.floor(xmin) + 1;
833 rows = Math.ceil(ymax) - Math.floor(ymin) + 1;
834 xStart = Math.floor(xmin);
835 yStart = Math.floor(ymin);
836 var hscale = ctx.canvas.width / columns / ticks;
837 var vscale = ctx.canvas.height / rows / ticks;
838 scale = Math.floor(Math.min(hscale, vscale)) * subscale;
839}
840
841function drawPoint(px, py, xoffset, yoffset, unit) {
caryclark@google.comd88e0892012-03-27 13:23:51 +0000[diff] [blame]842 var label = px.toFixed(3) + ", " + py.toFixed(3);
caryclark@google.com752b60e2012-03-22 21:11:17 +0000[diff] [blame]843 var _px = px * unit + xoffset;
844 var _py = py * unit + yoffset;
845 ctx.beginPath();
846 ctx.arc(_px, _py, 3, 0, Math.PI*2, true);
847 ctx.closePath();
848 ctx.fill();
849 ctx.fillText(label, _px + 5, _py);
850}
851
caryclark@google.com0e08a192012-07-13 21:07:52 +0000[diff] [blame]852function draw(test, title, _at_x, _at_y, scale) {
853 ctx.fillStyle = "rgba(0,0,0, 0.1)";
854 ctx.font = "normal 50px Arial";
855 ctx.fillText(title, 50, 50);
856 ctx.font = "normal 10px Arial";
857
caryclark@google.com752b60e2012-03-22 21:11:17 +0000[diff] [blame]858 var unit = scale * ticks;
859 ctx.lineWidth = 1;
860 var i;
861 for (i = 0; i <= rows * ticks; ++i) {
862 ctx.strokeStyle = (i % ticks) != 0 ? "rgb(160,160,160)" : "black";
863 ctx.beginPath();
864 ctx.moveTo(_at_x + 0, _at_y + i * scale);
865 ctx.lineTo(_at_x + unit * columns, _at_y + i * scale);
866 ctx.stroke();
867 }
868 for (i = 0; i <= columns * ticks; ++i) {
869 ctx.strokeStyle = (i % ticks) != 0 ? "rgb(160,160,160)" : "black";
870 ctx.beginPath();
871 ctx.moveTo(_at_x + i * scale, _at_y + 0);
872 ctx.lineTo(_at_x + i * scale, _at_y + unit * rows);
873 ctx.stroke();
874 }
875
876 var xoffset = xStart * -unit + _at_x;
877 var yoffset = yStart * -unit + _at_y;
878
879 ctx.fillStyle = "rgb(40,80,60)"
880 for (i = 0; i <= columns; i += (1 / ticks))
881 {
882 num = (xoffset - _at_x) / -unit + i;
883 ctx.fillText(num.toFixed(0), i * unit + _at_y - 5, 10);
884 }
885 for (i = 0; i <= rows; i += (1 / ticks))
886 {
887 num = (yoffset - _at_x) / -unit + i;
888 ctx.fillText(num.toFixed(0), 0, i * unit + _at_y + 0);
889 }
890 ctx.strokeStyle = "red";
caryclark@google.comfb173422012-04-10 18:28:55 +0000[diff] [blame]891 var contours, verbs, pts;
caryclark@google.com8dcf1142012-07-02 20:27:02 +0000[diff] [blame]892 ctx.beginPath();
caryclark@google.comfb173422012-04-10 18:28:55 +0000[diff] [blame]893 for (contours in test) {
894 var contour = test[contours];
895 if (contours == 2) ctx.strokeStyle = "blue";
caryclark@google.comfb173422012-04-10 18:28:55 +0000[diff] [blame]896 var first = true;
897 for (verbs in contour) {
898 var verb = contour[verbs];
899 switch (verb.length) {
900 case 2:
901 if (first) {
902 ctx.moveTo(xoffset + verb[0] * unit, yoffset + verb[1] * unit);
903 first = false;
904 } else
905 ctx.lineTo(xoffset + verb[0] * unit, yoffset + verb[1] * unit);
906 break;
907 case 4:
908 ctx.quadraticCurveTo(xoffset + verb[0] * unit, yoffset + verb[1] * unit,
909 xoffset + verb[2] * unit, yoffset + verb[3] * unit);
910 break;
911 case 6:
912 ctx.bezierCurveTo(xoffset + verb[0] * unit, yoffset + verb[1] * unit,
913 xoffset + verb[2] * unit, yoffset + verb[3] * unit,
914 xoffset + verb[4] * unit, yoffset + verb[5] * unit);
915 break;
916 }
caryclark@google.com752b60e2012-03-22 21:11:17 +0000[diff] [blame]917 }
caryclark@google.com8dcf1142012-07-02 20:27:02 +0000[diff] [blame]918 ctx.closePath();
caryclark@google.com752b60e2012-03-22 21:11:17 +0000[diff] [blame]919 }
caryclark@google.com8dcf1142012-07-02 20:27:02 +0000[diff] [blame]920 ctx.stroke();
921 ctx.fillStyle="rgba(192,192,255, 0.3)";
922 ctx.fill();
caryclark@google.com752b60e2012-03-22 21:11:17 +0000[diff] [blame]923
924 ctx.fillStyle="blue";
caryclark@google.comfb173422012-04-10 18:28:55 +0000[diff] [blame]925 for (contours in test) {
926 var contour = test[contours];
927 for (verbs in contour) {
928 var verb = contour[verbs];
929 for (i = 0; i < verb.length; i += 2) {
930 x = verb[i];
931 y = verb[i + 1];
932 drawPoint(x, y, xoffset, yoffset, unit);
933 }
caryclark@google.com752b60e2012-03-22 21:11:17 +0000[diff] [blame]934 }
935 }
936}
937
938var mouseX = Infinity, mouseY;
939
940function calcXY() {
941 var e = window.event;
942 var tgt = e.target || e.srcElement;
943 var left = tgt.offsetLeft;
944 var top = tgt.offsetTop;
945 var unit = scale * ticks;
946 mouseX = (e.clientX - left - Math.ceil(at_x) + 1) / unit + xStart;
947 mouseY = (e.clientY - top - Math.ceil(at_y)) / unit + yStart;
948}
949
950function handleMouseOver() {
951 calcXY();
952 var num = mouseX.toFixed(3) + ", " + mouseY.toFixed(3);
953 ctx.beginPath();
954 ctx.rect(300,100,200,10);
955 ctx.fillStyle="white";
956 ctx.fill();
957 ctx.fillStyle="black";
958 ctx.fillText(num, 300, 108);
959}
960
961function handleMouseClick() {
962 calcXY();
963// drawInset();
964}
965
966function drawTop() {
967 init(tests[testIndex]);
968 redraw();
969}
970
971function redraw() {
972 ctx.beginPath();
973 ctx.rect(0, 0, ctx.canvas.width, ctx.canvas.height);
974 ctx.fillStyle="white";
975 ctx.fill();
caryclark@google.com0e08a192012-07-13 21:07:52 +0000[diff] [blame]976 draw(tests[testIndex], testTitles[testIndex], at_x, at_y, scale);
caryclark@google.com752b60e2012-03-22 21:11:17 +0000[diff] [blame]977// if (insetScale != scale && mouseX != Infinity)
978// drawInset();
979}
980
981function doKeyPress(evt) {
982 var char = String.fromCharCode(evt.charCode);
983 switch (char) {
984 case 'N':
985 case 'n':
986 if (++testIndex >= tests.length)
987 testIndex = 0;
caryclark@google.comfa0588f2012-04-26 21:01:06 +0000[diff] [blame]988 mouseX = Infinity;
989 drawTop();
990 break;
991 case 'P':
992 case 'p':
993 if (--testIndex < 0)
994 testIndex = tests.length - 1;
caryclark@google.com752b60e2012-03-22 21:11:17 +0000[diff] [blame]995 mouseX = Infinity;
996 drawTop();
997 break;
998 case 'T':
999 case 't':
caryclark@google.com752b60e2012-03-22 21:11:17 +0000[diff] [blame]1000 break;
1001 case '-':
caryclark@google.com752b60e2012-03-22 21:11:17 +0000[diff] [blame]1002 redraw();
1003 break;
1004 case '=':
1005 case '+':
caryclark@google.com752b60e2012-03-22 21:11:17 +0000[diff] [blame]1006 redraw();
1007 break;
1008 }
1009}
1010
1011function start() {
1012 for (i = 0; i < testDivs.length; ++i) {
caryclark@google.com0e08a192012-07-13 21:07:52 +0000[diff] [blame]1013 var title = testDivs[i].id.toString();
caryclark@google.com752b60e2012-03-22 21:11:17 +0000[diff] [blame]1014 var str = testDivs[i].firstChild.data;
caryclark@google.comfa4a6e92012-07-11 17:52:32 +0000[diff] [blame]1015 if (str.split("addRect").length > 1) {
caryclark@google.com0e08a192012-07-13 21:07:52 +0000[diff] [blame]1016 parseRect(str, title);
caryclark@google.comfa4a6e92012-07-11 17:52:32 +0000[diff] [blame]1017 } else {
caryclark@google.com0e08a192012-07-13 21:07:52 +0000[diff] [blame]1018 parse(str, title);
caryclark@google.comfa4a6e92012-07-11 17:52:32 +0000[diff] [blame]1019 }
caryclark@google.com752b60e2012-03-22 21:11:17 +0000[diff] [blame]1020 }
1021 drawTop();
1022 window.addEventListener('keypress', doKeyPress, true);
1023}
1024
1025</script>
1026</head>
1027
1028<body onLoad="start();">
caryclark@google.comfa4a6e92012-07-11 17:52:32 +0000[diff] [blame]1029<canvas id="canvas" width="750" height="500"
caryclark@google.com752b60e2012-03-22 21:11:17 +0000[diff] [blame]1030 onmousemove="handleMouseOver()"
1031 onclick="handleMouseClick()"
1032 ></canvas >
1033</body>
1034</html>