1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/dom/tests/mochitest/bugs/test_bug389366.html Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,65 @@
1.4 +<!DOCTYPE HTML>
1.5 +<html>
1.6 +<!--
1.7 +https://bugzilla.mozilla.org/show_bug.cgi?id=389366
1.8 +-->
1.9 +<head>
1.10 + <title>Test for Bug 389366</title>
1.11 + <script type="text/javascript" src="/tests/SimpleTest/SimpleTest.js"></script>
1.12 + <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css" />
1.13 +</head>
1.14 +<body>
1.15 +<a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=389366">Mozilla Bug 389366</a>
1.16 +<p id="display"></p>
1.17 +<div id="content" style="display: none">
1.18 + <h4>Canvas testcase</h4>
1.19 +
1.20 + Canvas, with pixel set to #ff0000 at 50% opacity:<br>
1.21 + <canvas id="canvas1" width="10" height="10"></canvas>
1.22 + <br>
1.23 + <canvas id="canvas2" width="10" height="10"></canvas>
1.24 +
1.25 +</div>
1.26 +<pre id="test">
1.27 +<script class="testbody" type="text/javascript">
1.28 +
1.29 +SimpleTest.waitForExplicitFinish();
1.30 +
1.31 +function test()
1.32 +{
1.33 + // Draw to canvas1
1.34 + var canvas1 = document.getElementById("canvas1");
1.35 + var ctx1 = canvas1.getContext("2d");
1.36 +
1.37 + ctx1.globalAlpha = 0.502;
1.38 + ctx1.fillStyle = "#FF0000";
1.39 + ctx1.fillRect(0, 0, 10, 10);
1.40 +
1.41 + var data1 = ctx1.getImageData(0,0,1,1).data;
1.42 + isDeeply(data1, [255, 0, 0, 128], "expected half-transparent red canvas 1");
1.43 +
1.44 + // half-transparent red 10x10 square
1.45 + var imgData = ctx1.createImageData(10, 10);
1.46 + var rgba = [ 255, 0, 0, 128 ];
1.47 + for (i = 0; i < 50; ++i) {
1.48 + for (j = 0; j < 4; ++j) {
1.49 + imgData.data[(i * 4) + j] = rgba[j];
1.50 + }
1.51 + }
1.52 +
1.53 + var canvas2 = document.getElementById("canvas2");
1.54 + var ctx2 = canvas2.getContext("2d");
1.55 + ctx2.putImageData(imgData, 0, 0);
1.56 +
1.57 + var data2 = ctx2.getImageData(0,0,1,1).data;
1.58 + isDeeply(data2, [255, 0, 0, 128], "expected half-transparent red canvas 2");
1.59 +
1.60 + SimpleTest.finish();
1.61 +}
1.62 +
1.63 +addLoadEvent(test);
1.64 +
1.65 +</script>
1.66 +</pre>
1.67 +</body>
1.68 +</html>
