Gitiles
Code Review Sign In
gerrit-public.fairphone.software / platform / external / skqp / 200c211d34b11a4a988fc2549df3c17ae6875899 / . / experimental / Intersection / op.htm
blob: 778dd4a2ec98d3c6f667c358bf5afd91ca71f7c4 [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.com534aa5b2012-08-02 20:08:21 +0000[diff] [blame]635<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 +0000[diff] [blame^]698<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.com752b60e2012-03-22 21:11:17 +0000[diff] [blame]711</div>
712
713<script type="text/javascript">
714
715var testDivs = [
caryclark@google.com200c2112012-08-03 15:05:04 +0000[diff] [blame^]716 testLine73,
717 testLine72,
caryclark@google.com534aa5b2012-08-02 20:08:21 +0000[diff] [blame]718 testLine71,
719 testLine70,
720 testLine69,
721 testLine68f,
722 testLine68e,
723 testLine68d,
724 testLine68c,
725 testLine68b,
726 testLine68a,
727 testLine67,
caryclark@google.com27c449a2012-07-27 18:26:38 +0000[diff] [blame]728 testLine66,
729 testLine65,
730 testLine64,
731 testLine63,
732 testLine62,
733 testLine61,
734 testLine60,
caryclark@google.comcc905052012-07-25 20:59:42 +0000[diff] [blame]735 testLine59,
736 testLine58,
caryclark@google.com18063442012-07-25 12:05:18 +0000[diff] [blame]737 testLine57,
738 testLine56,
caryclark@google.come21cb182012-07-23 21:26:31 +0000[diff] [blame]739 testLine55,
740 testLine54,
741 testLine53,
742 testLine52,
caryclark@google.com47580692012-07-23 12:14:49 +0000[diff] [blame]743 testLine51,
744 testLine50,
745 testLine49,
746 testLine48,
747 testLine47,
748 testLine46,
749 testLine45,
750 testLine44,
751 testLine43,
752 testLine42,
753 testLine41,
754 testLine40,
755 testLine39,
756 testLine38,
757 testLine37,
caryclark@google.com0e08a192012-07-13 21:07:52 +0000[diff] [blame]758 testLine36,
caryclark@google.com210acaf2012-07-12 21:05:13 +0000[diff] [blame]759 testLine35,
760 testLine34,
caryclark@google.com9764cc62012-07-12 19:29:45 +0000[diff] [blame]761 testLine33,
caryclark@google.comfa4a6e92012-07-11 17:52:32 +0000[diff] [blame]762 testLine32,
763 testLine31,
caryclark@google.com534aa5b2012-08-02 20:08:21 +0000[diff] [blame]764 testLine30,
caryclark@google.comfa4a6e92012-07-11 17:52:32 +0000[diff] [blame]765 testLine29,
766 testLine28,
caryclark@google.com47580692012-07-23 12:14:49 +0000[diff] [blame]767 testLine24,
caryclark@google.comcc905052012-07-25 20:59:42 +0000[diff] [blame]768 testLine22,
caryclark@google.com47580692012-07-23 12:14:49 +0000[diff] [blame]769 testLine19,
caryclark@google.comfa4a6e92012-07-11 17:52:32 +0000[diff] [blame]770 testLine17,
caryclark@google.come21cb182012-07-23 21:26:31 +0000[diff] [blame]771 testLine13,
772 testLine12,
caryclark@google.com47580692012-07-23 12:14:49 +0000[diff] [blame]773 testLine9,
caryclark@google.comcc905052012-07-25 20:59:42 +0000[diff] [blame]774 testLine7b,
caryclark@google.com47580692012-07-23 12:14:49 +0000[diff] [blame]775 testLine7,
caryclark@google.com8dcf1142012-07-02 20:27:02 +0000[diff] [blame]776 testSimplifyQuadratic21,
777 testSimplifyQuadratic20,
778 testSimplifyQuadratic19,
caryclark@google.comb45a1b42012-05-18 20:50:33 +0000[diff] [blame]779 testSimplifyQuadratic18,
caryclark@google.comfa0588f2012-04-26 21:01:06 +0000[diff] [blame]780 testSimplifyQuadratic17,
781 testSimplifyQuadratic16,
782 testSimplifyQuadratic15,
783 testSimplifyQuadratic14,
784 testSimplifyQuadratic13,
785 testSimplifyQuadratic12,
786 testSimplifyQuadratic11,
787 testSimplifyQuadratic10,
788 testSimplifyQuadratic9,
789 testSimplifyQuadratic8,
790 testSimplifyQuadratic7,
791 testSimplifyQuadratic6,
792 testSimplifyQuadratic5,
793 testSimplifyQuadratic4,
794 testSimplifyQuadratic3,
795 testSimplifyQuadratic2,
796 testSimplifyQuadratic1,
caryclark@google.com752b60e2012-03-22 21:11:17 +0000[diff] [blame]797];
798
799var scale, columns, rows, xStart, yStart;
800
801var ticks = 0.1;
802var at_x = 13 + 0.5;
803var at_y = 13 + 0.5;
804
805var tests = [];
caryclark@google.com0e08a192012-07-13 21:07:52 +0000[diff] [blame]806var testTitles = [];
caryclark@google.com752b60e2012-03-22 21:11:17 +0000[diff] [blame]807var testIndex = 0;
808
809var ctx;
810
caryclark@google.com0e08a192012-07-13 21:07:52 +0000[diff] [blame]811function parse(test, title) {
caryclark@google.com752b60e2012-03-22 21:11:17 +0000[diff] [blame]812 var contours = [];
813 var contourStrs = test.split("path.close();");
caryclark@google.comd88e0892012-03-27 13:23:51 +0000[diff] [blame]814 var pattern = /-?\d+\.*\d*/g;
caryclark@google.com752b60e2012-03-22 21:11:17 +0000[diff] [blame]815 for (var c in contourStrs) {
caryclark@google.comfb173422012-04-10 18:28:55 +0000[diff] [blame]816 var contour = contourStrs[c];
817 var verbStrs = contour.split("path");
818 var verbs = [];
819 for (var v in verbStrs) {
820 var verbStr = verbStrs[v];
821 var points = verbStr.match(pattern);
822 var pts = [];
823 for (var wd in points) {
824 var num = parseFloat(points[wd]);
825 if (isNaN(num)) continue;
826 pts.push(num);
827 }
828 if (pts.length > 0)
829 verbs.push(pts);
caryclark@google.com752b60e2012-03-22 21:11:17 +0000[diff] [blame]830 }
caryclark@google.comfa0588f2012-04-26 21:01:06 +0000[diff] [blame]831 if (verbs.length > 0) {
832 var lastIndex = verbs.length - 1;
833 var lastVerb = verbs[lastIndex];
834 var lastLen = lastVerb.length;
835 if (verbs[0][0] != lastVerb[lastLen - 2] && verbs[0][1] != lastVerb[lastLen - 1]) {
836 var lastPts = [];
837 lastPts.push(verbs[0][0]);
838 lastPts.push(verbs[0][1]);
839 verbs.push(lastPts);
840 }
caryclark@google.comfb173422012-04-10 18:28:55 +0000[diff] [blame]841 contours.push(verbs);
caryclark@google.comfa0588f2012-04-26 21:01:06 +0000[diff] [blame]842 }
caryclark@google.com752b60e2012-03-22 21:11:17 +0000[diff] [blame]843 }
caryclark@google.com0e08a192012-07-13 21:07:52 +0000[diff] [blame]844 if (contours.length > 0) {
caryclark@google.comfb173422012-04-10 18:28:55 +0000[diff] [blame]845 tests.push(contours);
caryclark@google.com0e08a192012-07-13 21:07:52 +0000[diff] [blame]846 testTitles.push(title);
847 }
caryclark@google.com752b60e2012-03-22 21:11:17 +0000[diff] [blame]848}
849
caryclark@google.com0e08a192012-07-13 21:07:52 +0000[diff] [blame]850function parseRect(test, title) {
caryclark@google.comfa4a6e92012-07-11 17:52:32 +0000[diff] [blame]851 var contours = [];
852 var rectStrs = test.split("path.addRect");
853 var pattern = /-?\d+\.*\d*/g;
854 for (var r in rectStrs) {
855 var rect = rectStrs[r];
856 var sideStrs = rect.match(pattern);
857 var sides = [];
858 for (var wd in sideStrs) {
859 var num = parseFloat(sideStrs[wd]);
860 if (isNaN(num)) continue;
861 sides.push(num);
862 }
863 if (sides.length == 0)
864 continue;
865 var verbs = [];
866 var topLeft = [];
867 topLeft.push(sides[0]); topLeft.push(sides[1]);
868 var topRight = [];
869 topRight.push(sides[2]); topRight.push(sides[1]);
870 var botLeft = [];
871 botLeft.push(sides[0]); botLeft.push(sides[3]);
872 var botRight = [];
873 botRight.push(sides[2]); botRight.push(sides[3]);
874 verbs.push(topLeft);
875 if (sides[4] == 0) {
876 verbs.push(topRight);
877 verbs.push(botRight);
878 verbs.push(botLeft);
879 } else {
880 verbs.push(botLeft);
881 verbs.push(botRight);
882 verbs.push(topRight);
883 }
884 verbs.push(topLeft);
885 contours.push(verbs);
886 }
caryclark@google.com0e08a192012-07-13 21:07:52 +0000[diff] [blame]887 if (contours.length > 0) {
caryclark@google.comfa4a6e92012-07-11 17:52:32 +0000[diff] [blame]888 tests.push(contours);
caryclark@google.com0e08a192012-07-13 21:07:52 +0000[diff] [blame]889 testTitles.push(title);
890 }
caryclark@google.comfa4a6e92012-07-11 17:52:32 +0000[diff] [blame]891}
892
caryclark@google.com752b60e2012-03-22 21:11:17 +0000[diff] [blame]893function init(test) {
894 var canvas = document.getElementById('canvas');
895 if (!canvas.getContext) return;
caryclark@google.com534aa5b2012-08-02 20:08:21 +0000[diff] [blame]896 canvas.width = window.innerWidth - at_x;
897 canvas.height = window.innerHeight - at_y;
caryclark@google.com752b60e2012-03-22 21:11:17 +0000[diff] [blame]898 ctx = canvas.getContext('2d');
899 var xmin = Infinity;
900 var xmax = -Infinity;
901 var ymin = Infinity;
902 var ymax = -Infinity;
caryclark@google.comfb173422012-04-10 18:28:55 +0000[diff] [blame]903 for (var contours in test) {
904 var contour = test[contours];
905 for (var verbs in contour) {
906 var verb = contour[verbs];
907 var last = verb.length;
caryclark@google.comb45a1b42012-05-18 20:50:33 +0000[diff] [blame]908 for (var idx = 0; idx < last; idx += 2) {
909 xmin = Math.min(xmin, verb[idx]);
910 xmax = Math.max(xmax, verb[idx]);
911 ymin = Math.min(ymin, verb[idx + 1]);
912 ymax = Math.max(ymax, verb[idx + 1]);
913 }
caryclark@google.com752b60e2012-03-22 21:11:17 +0000[diff] [blame]914 }
915 }
916 var subscale = 1;
917 while ((xmax - xmin) * subscale < 0.1 && (ymax - ymin) * subscale < 0.1) {
918 subscale *= 10;
919 }
920 columns = Math.ceil(xmax) - Math.floor(xmin) + 1;
921 rows = Math.ceil(ymax) - Math.floor(ymin) + 1;
922 xStart = Math.floor(xmin);
923 yStart = Math.floor(ymin);
924 var hscale = ctx.canvas.width / columns / ticks;
925 var vscale = ctx.canvas.height / rows / ticks;
926 scale = Math.floor(Math.min(hscale, vscale)) * subscale;
927}
928
929function drawPoint(px, py, xoffset, yoffset, unit) {
caryclark@google.comd88e0892012-03-27 13:23:51 +0000[diff] [blame]930 var label = px.toFixed(3) + ", " + py.toFixed(3);
caryclark@google.com752b60e2012-03-22 21:11:17 +0000[diff] [blame]931 var _px = px * unit + xoffset;
932 var _py = py * unit + yoffset;
933 ctx.beginPath();
934 ctx.arc(_px, _py, 3, 0, Math.PI*2, true);
935 ctx.closePath();
936 ctx.fill();
937 ctx.fillText(label, _px + 5, _py);
938}
939
caryclark@google.com0e08a192012-07-13 21:07:52 +0000[diff] [blame]940function draw(test, title, _at_x, _at_y, scale) {
941 ctx.fillStyle = "rgba(0,0,0, 0.1)";
942 ctx.font = "normal 50px Arial";
943 ctx.fillText(title, 50, 50);
944 ctx.font = "normal 10px Arial";
945
caryclark@google.com752b60e2012-03-22 21:11:17 +0000[diff] [blame]946 var unit = scale * ticks;
947 ctx.lineWidth = 1;
948 var i;
949 for (i = 0; i <= rows * ticks; ++i) {
950 ctx.strokeStyle = (i % ticks) != 0 ? "rgb(160,160,160)" : "black";
951 ctx.beginPath();
952 ctx.moveTo(_at_x + 0, _at_y + i * scale);
953 ctx.lineTo(_at_x + unit * columns, _at_y + i * scale);
954 ctx.stroke();
955 }
956 for (i = 0; i <= columns * ticks; ++i) {
957 ctx.strokeStyle = (i % ticks) != 0 ? "rgb(160,160,160)" : "black";
958 ctx.beginPath();
959 ctx.moveTo(_at_x + i * scale, _at_y + 0);
960 ctx.lineTo(_at_x + i * scale, _at_y + unit * rows);
961 ctx.stroke();
962 }
963
964 var xoffset = xStart * -unit + _at_x;
965 var yoffset = yStart * -unit + _at_y;
966
967 ctx.fillStyle = "rgb(40,80,60)"
968 for (i = 0; i <= columns; i += (1 / ticks))
969 {
970 num = (xoffset - _at_x) / -unit + i;
971 ctx.fillText(num.toFixed(0), i * unit + _at_y - 5, 10);
972 }
973 for (i = 0; i <= rows; i += (1 / ticks))
974 {
975 num = (yoffset - _at_x) / -unit + i;
976 ctx.fillText(num.toFixed(0), 0, i * unit + _at_y + 0);
977 }
978 ctx.strokeStyle = "red";
caryclark@google.comfb173422012-04-10 18:28:55 +0000[diff] [blame]979 var contours, verbs, pts;
caryclark@google.com8dcf1142012-07-02 20:27:02 +0000[diff] [blame]980 ctx.beginPath();
caryclark@google.comfb173422012-04-10 18:28:55 +0000[diff] [blame]981 for (contours in test) {
982 var contour = test[contours];
983 if (contours == 2) ctx.strokeStyle = "blue";
caryclark@google.comfb173422012-04-10 18:28:55 +0000[diff] [blame]984 var first = true;
985 for (verbs in contour) {
986 var verb = contour[verbs];
987 switch (verb.length) {
988 case 2:
989 if (first) {
990 ctx.moveTo(xoffset + verb[0] * unit, yoffset + verb[1] * unit);
991 first = false;
992 } else
993 ctx.lineTo(xoffset + verb[0] * unit, yoffset + verb[1] * unit);
994 break;
995 case 4:
996 ctx.quadraticCurveTo(xoffset + verb[0] * unit, yoffset + verb[1] * unit,
997 xoffset + verb[2] * unit, yoffset + verb[3] * unit);
998 break;
999 case 6:
1000 ctx.bezierCurveTo(xoffset + verb[0] * unit, yoffset + verb[1] * unit,
1001 xoffset + verb[2] * unit, yoffset + verb[3] * unit,
1002 xoffset + verb[4] * unit, yoffset + verb[5] * unit);
1003 break;
1004 }
caryclark@google.com752b60e2012-03-22 21:11:17 +0000[diff] [blame]1005 }
caryclark@google.com8dcf1142012-07-02 20:27:02 +0000[diff] [blame]1006 ctx.closePath();
caryclark@google.com752b60e2012-03-22 21:11:17 +0000[diff] [blame]1007 }
caryclark@google.com8dcf1142012-07-02 20:27:02 +0000[diff] [blame]1008 ctx.stroke();
1009 ctx.fillStyle="rgba(192,192,255, 0.3)";
1010 ctx.fill();
caryclark@google.com752b60e2012-03-22 21:11:17 +0000[diff] [blame]1011
1012 ctx.fillStyle="blue";
caryclark@google.comfb173422012-04-10 18:28:55 +0000[diff] [blame]1013 for (contours in test) {
1014 var contour = test[contours];
1015 for (verbs in contour) {
1016 var verb = contour[verbs];
1017 for (i = 0; i < verb.length; i += 2) {
1018 x = verb[i];
1019 y = verb[i + 1];
1020 drawPoint(x, y, xoffset, yoffset, unit);
1021 }
caryclark@google.com752b60e2012-03-22 21:11:17 +0000[diff] [blame]1022 }
1023 }
1024}
1025
1026var mouseX = Infinity, mouseY;
1027
1028function calcXY() {
1029 var e = window.event;
1030 var tgt = e.target || e.srcElement;
1031 var left = tgt.offsetLeft;
1032 var top = tgt.offsetTop;
1033 var unit = scale * ticks;
1034 mouseX = (e.clientX - left - Math.ceil(at_x) + 1) / unit + xStart;
1035 mouseY = (e.clientY - top - Math.ceil(at_y)) / unit + yStart;
1036}
1037
1038function handleMouseOver() {
1039 calcXY();
1040 var num = mouseX.toFixed(3) + ", " + mouseY.toFixed(3);
1041 ctx.beginPath();
1042 ctx.rect(300,100,200,10);
1043 ctx.fillStyle="white";
1044 ctx.fill();
1045 ctx.fillStyle="black";
1046 ctx.fillText(num, 300, 108);
1047}
1048
1049function handleMouseClick() {
1050 calcXY();
1051// drawInset();
1052}
1053
1054function drawTop() {
1055 init(tests[testIndex]);
1056 redraw();
1057}
1058
1059function redraw() {
1060 ctx.beginPath();
1061 ctx.rect(0, 0, ctx.canvas.width, ctx.canvas.height);
1062 ctx.fillStyle="white";
1063 ctx.fill();
caryclark@google.com0e08a192012-07-13 21:07:52 +0000[diff] [blame]1064 draw(tests[testIndex], testTitles[testIndex], at_x, at_y, scale);
caryclark@google.com752b60e2012-03-22 21:11:17 +0000[diff] [blame]1065// if (insetScale != scale && mouseX != Infinity)
1066// drawInset();
1067}
1068
1069function doKeyPress(evt) {
1070 var char = String.fromCharCode(evt.charCode);
1071 switch (char) {
1072 case 'N':
caryclark@google.com534aa5b2012-08-02 20:08:21 +0000[diff] [blame]1073 testIndex += 9;
caryclark@google.com752b60e2012-03-22 21:11:17 +0000[diff] [blame]1074 case 'n':
1075 if (++testIndex >= tests.length)
1076 testIndex = 0;
caryclark@google.comfa0588f2012-04-26 21:01:06 +0000[diff] [blame]1077 mouseX = Infinity;
1078 drawTop();
1079 break;
1080 case 'P':
caryclark@google.com534aa5b2012-08-02 20:08:21 +0000[diff] [blame]1081 testIndex -= 9;
caryclark@google.comfa0588f2012-04-26 21:01:06 +0000[diff] [blame]1082 case 'p':
1083 if (--testIndex < 0)
1084 testIndex = tests.length - 1;
caryclark@google.com752b60e2012-03-22 21:11:17 +0000[diff] [blame]1085 mouseX = Infinity;
1086 drawTop();
1087 break;
1088 case 'T':
1089 case 't':
caryclark@google.com752b60e2012-03-22 21:11:17 +0000[diff] [blame]1090 break;
1091 case '-':
caryclark@google.com534aa5b2012-08-02 20:08:21 +0000[diff] [blame]1092 drawTop();
caryclark@google.com752b60e2012-03-22 21:11:17 +0000[diff] [blame]1093 break;
1094 case '=':
1095 case '+':
caryclark@google.com534aa5b2012-08-02 20:08:21 +0000[diff] [blame]1096 drawTop();
caryclark@google.com752b60e2012-03-22 21:11:17 +0000[diff] [blame]1097 break;
1098 }
1099}
1100
caryclark@google.com534aa5b2012-08-02 20:08:21 +0000[diff] [blame]1101function doResize(evt) {
1102 drawTop();
1103}
1104
caryclark@google.com752b60e2012-03-22 21:11:17 +0000[diff] [blame]1105function start() {
1106 for (i = 0; i < testDivs.length; ++i) {
caryclark@google.com0e08a192012-07-13 21:07:52 +0000[diff] [blame]1107 var title = testDivs[i].id.toString();
caryclark@google.com752b60e2012-03-22 21:11:17 +0000[diff] [blame]1108 var str = testDivs[i].firstChild.data;
caryclark@google.comfa4a6e92012-07-11 17:52:32 +0000[diff] [blame]1109 if (str.split("addRect").length > 1) {
caryclark@google.com0e08a192012-07-13 21:07:52 +0000[diff] [blame]1110 parseRect(str, title);
caryclark@google.comfa4a6e92012-07-11 17:52:32 +0000[diff] [blame]1111 } else {
caryclark@google.com0e08a192012-07-13 21:07:52 +0000[diff] [blame]1112 parse(str, title);
caryclark@google.comfa4a6e92012-07-11 17:52:32 +0000[diff] [blame]1113 }
caryclark@google.com752b60e2012-03-22 21:11:17 +0000[diff] [blame]1114 }
1115 drawTop();
1116 window.addEventListener('keypress', doKeyPress, true);
caryclark@google.com534aa5b2012-08-02 20:08:21 +0000[diff] [blame]1117 window.onresize = function() {
1118 drawTop();
1119 }
caryclark@google.com752b60e2012-03-22 21:11:17 +0000[diff] [blame]1120}
1121
1122</script>
1123</head>
1124
1125<body onLoad="start();">
caryclark@google.comfa4a6e92012-07-11 17:52:32 +0000[diff] [blame]1126<canvas id="canvas" width="750" height="500"
caryclark@google.com752b60e2012-03-22 21:11:17 +0000[diff] [blame]1127 onmousemove="handleMouseOver()"
1128 onclick="handleMouseClick()"
1129 ></canvas >
1130</body>
1131</html>