content/canvas/test/test_2d.line.join.parallel.html@deefc01c0e14
content/canvas/test/test_2d.line.join.parallel.html
Thu, 15 Jan 2015 21:03:48 +0100
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Thu, 15 Jan 2015 21:03:48 +0100
- branch
- TOR_BUG_9701
- changeset 11
- deefc01c0e14
- permissions
- -rw-r--r--
Integrate friendly tips from Tor colleagues to make (or not) 4.5 alpha 3;
This includes removal of overloaded (but unused) methods, and addition of
a overlooked call to DataStruct::SetData(nsISupports, uint32_t, bool.)
1 <!DOCTYPE HTML>
2 <title>Canvas test: 2d.line.join.parallel</title>
3 <!-- Testing: Line joins are drawn at 180-degree joins -->
4 <script src="/tests/SimpleTest/SimpleTest.js"></script>
5 <link rel="stylesheet" href="/tests/SimpleTest/test.css">
6 <body>
7 <canvas id="c" width="100" height="50"><p class="fallback">FAIL (fallback content)</p></canvas>
8 <script>
9 function isPixel(ctx, x,y, r,g,b,a, pos, colour, d) {
10 var pixel = ctx.getImageData(x, y, 1, 1);
11 var pr = pixel.data[0],
12 pg = pixel.data[1],
13 pb = pixel.data[2],
14 pa = pixel.data[3];
15 ok(r-d <= pr && pr <= r+d &&
16 g-d <= pg && pg <= g+d &&
17 b-d <= pb && pb <= b+d &&
18 a-d <= pa && pa <= a+d,
19 "pixel "+pos+" is "+pr+","+pg+","+pb+","+pa+"; expected "+colour+" +/- "+d);
20 }
22 SimpleTest.waitForExplicitFinish();
23 addLoadEvent(function () {
25 var canvas = document.getElementById('c');
26 var ctx = canvas.getContext('2d');
28 ctx.fillStyle = '#f00';
29 ctx.fillRect(0, 0, 100, 50);
31 ctx.strokeStyle = '#0f0';
32 ctx.lineWidth = 300;
33 ctx.lineJoin = 'round';
34 ctx.beginPath();
35 ctx.moveTo(-100, 25);
36 ctx.lineTo(0, 25);
37 ctx.lineTo(-100, 25);
38 ctx.stroke();
40 isPixel(ctx, 1,1, 0,255,0,255, "1,1", "0,255,0,255", 0);
41 isPixel(ctx, 48,1, 0,255,0,255, "48,1", "0,255,0,255", 0);
42 isPixel(ctx, 48,48, 0,255,0,255, "48,48", "0,255,0,255", 0);
43 isPixel(ctx, 1,48, 0,255,0,255, "1,48", "0,255,0,255", 0);
45 SimpleTest.finish();
47 });
48 </script>
