1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
|
<!DOCTYPE html>
<title>putImageData(getImageData) pair test</title>
<body class="show_output">
<h3>Test that putImageData(getImageData) pair leaves canvas ImageData the same.</h3>
<canvas id="c" class="output" width="64" height="64"><p class="fallback">FAIL (fallback content)</p></canvas>
<br>
Result: <a id="result"></a>
<script>
if (window.testRunner)
testRunner.dumpAsText();
var canvas = document.getElementById("c");
var ctx = canvas.getContext("2d");
var passed = getPutImageData(50, ctx, 0, 0, 0, 0.0);
passed |= getPutImageData(50, ctx, 0, 0, 0, 0.5);
passed |= getPutImageData(50, ctx, 0, 0, 0, 1.0);
passed |= getPutImageData(50, ctx, 127, 128, 129, 0.49);
passed |= getPutImageData(50, ctx, 127, 128, 129, 0.51);
passed |= getPutImageData(50, ctx, 127, 128, 129, 0.5);
passed |= getPutImageData(50, ctx, 128, 128, 128, 0.0);
passed |= getPutImageData(50, ctx, 128, 128, 128, 0.5);
passed |= getPutImageData(50, ctx, 128, 128, 128, 1.0);
var result_a = document.getElementById("result");
if (!passed)
result_a.innerHTML = "FAIL";
else
result_a.innerHTML = "PASS";
function getPutImageData(numIters, ctx, r, g, b, a) {
var x = 0, y = 0, w = ctx.canvas.width, h = ctx.canvas.height;
// Paint the canvas green to start
ctx.fillStyle = color;
ctx.fillRect(x,y,w,h);
// Now paint the canvas a random hue of gray
var color = 'rgba(' + r + ',' + g + ',' + b + ',' + a + ')';
ctx.fillStyle = color;
ctx.fillRect(x,y,w,h);
// Get the current "original" image data
var origImageData = ctx.getImageData(x, y, w, h);
ctx.putImageData(origImageData, x, y);
// Get and put the image data 'numIters' times
for(var i = 0; i < numIters; i++)
ctx.putImageData(ctx.getImageData(x,y,w,h), x,y);
// Grab new current image data
var currImageData = ctx.getImageData(x, y, w, h);
// Verify that original and new current image datas are equal
for(var i = 0; i < currImageData.data.length; i++) {
var origSubpixel = origImageData.data[i];
var currSubpixel = currImageData.data[i];
// If even 1 subpixel is off, return failure
if (origSubpixel != currSubpixel)
return false;
}
return true;
}
</script>
|
