content/canvas/test/test_2d.composite.uncovered.pattern.destination-in.html@6474c204b198
content/canvas/test/test_2d.composite.uncovered.pattern.destination-in.html
Wed, 31 Dec 2014 06:09:35 +0100
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Wed, 31 Dec 2014 06:09:35 +0100
- changeset 0
- 6474c204b198
- permissions
- -rw-r--r--
Cloned upstream origin tor-browser at tor-browser-31.3.0esr-4.5-1-build1
revision ID fc1c9ff7c1b2defdbc039f12214767608f46423f for hacking purpose.
1 <!DOCTYPE HTML>
2 <title>Canvas test: 2d.composite.uncovered.pattern.destination-in</title>
3 <!-- Testing: Pattern fill() draws pixels not covered by the source object as (0,0,0,0), and does not leave the pixels unchanged. -->
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 }
21 function todo_isPixel(ctx, x,y, r,g,b,a, pos, colour, d) {
22 var pixel = ctx.getImageData(x, y, 1, 1);
23 var pr = pixel.data[0],
24 pg = pixel.data[1],
25 pb = pixel.data[2],
26 pa = pixel.data[3];
27 todo(r-d <= pr && pr <= r+d &&
28 g-d <= pg && pg <= g+d &&
29 b-d <= pb && pb <= b+d &&
30 a-d <= pa && pa <= a+d,
31 "pixel "+pos+" is "+pr+","+pg+","+pb+","+pa+"; expected "+colour+" +/- "+d);
32 }
34 SimpleTest.waitForExplicitFinish();
35 addLoadEvent(function () {
37 var canvas = document.getElementById('c');
38 var ctx = canvas.getContext('2d');
41 ctx.fillStyle = 'rgba(0, 255, 255, 0.5)';
42 ctx.fillRect(0, 0, 100, 50);
43 ctx.globalCompositeOperation = 'destination-in';
44 ctx.fillStyle = ctx.createPattern(document.getElementById('yellow.png'), 'no-repeat');
45 ctx.fillRect(0, 50, 100, 50);
46 isPixel(ctx, 50,25, 0,0,0,0, "50,25", "0,0,0,0", 5);
48 SimpleTest.finish();
50 });
51 </script>
52 <img src="image_yellow.png" id="yellow.png" class="resource">
