| OLD | NEW |
| 1 <!DOCTYPE HTML> | 1 <script src="../../resources/testharness.js"></script> |
| 2 <html> | 2 <script src="../../resources/testharnessreport.js"></script> |
| 3 <body> | 3 <script type="text/javascript" src="canvas-blending-helpers.js"></script> |
| 4 <script src="../../resources/js-test.js"></script> | 4 <script> |
| 5 <script type="text/javascript" src="canvas-blending-helpers.js"></script> | 5 test(function(t) { |
| 6 <script type="text/javascript"> | 6 function checkNonBlendPixel(context, sigma) { |
| 7 ac = context.getImageData(9, 9, 1, 1).data;; |
| 8 assert_approx_equals(ac[0], 0, sigma); |
| 9 assert_approx_equals(ac[1], 0, sigma); |
| 10 assert_approx_equals(ac[2], 0, sigma); |
| 11 assert_approx_equals(ac[3], 0, sigma); |
| 12 } |
| 7 | 13 |
| 8 description("Series of tests to ensure correct results on applying diffe
rent blend modes when drawing in a transformed context."); | 14 var canvas = document.createElement('canvas'); |
| 15 var sigma = 5; |
| 16 canvas.width = 10; |
| 17 canvas.height = 10; |
| 18 context = canvas.getContext('2d'); |
| 9 | 19 |
| 10 var context; | 20 for (var i = 0; i < blendModes.length; ++i) { |
| 11 function actualColor(x, y) { | 21 context.clearRect(0, 0, 10, 10); |
| 12 return context.getImageData(x, y, 1, 1).data; | 22 context.save(); |
| 13 } | 23 applyTransformsToContext(context); |
| 14 | 24 drawBackdropColorInContext(context); |
| 15 function checkBlendModeResult(i, context, sigma) { | 25 context.globalCompositeOperation = blendModes[i]; |
| 16 var expectedColor = blendColors([129 / 255, 1, 129 / 255, 1], [1, 12
9 / 255, 129 / 255, 1], i); | 26 drawSourceColorInContext(context); |
| 17 var ac = "actualColor(0, 1)"; | 27 checkBlendModeResult(i, context, sigma, 0, 1); |
| 18 shouldBeCloseTo(ac + "[0]", expectedColor[0], sigma); | 28 checkNonBlendPixel(context, sigma); |
| 19 shouldBeCloseTo(ac + "[1]", expectedColor[1], sigma); | 29 context.restore(); |
| 20 shouldBeCloseTo(ac + "[2]", expectedColor[2], sigma); | 30 } |
| 21 shouldBeCloseTo(ac + "[3]", expectedColor[3], sigma); | 31 }, 'Series of tests to ensure correct results on applying different blend modes
when drawing in a transformed context.'); |
| 22 | 32 </script> |
| 23 ac = "actualColor(9, 9)"; | |
| 24 shouldBeCloseTo(ac + "[0]", 0, sigma); | |
| 25 shouldBeCloseTo(ac + "[1]", 0, sigma); | |
| 26 shouldBeCloseTo(ac + "[2]", 0, sigma); | |
| 27 shouldBeCloseTo(ac + "[3]", 0, sigma); | |
| 28 } | |
| 29 | |
| 30 function runTest() { | |
| 31 var canvas = document.createElement("canvas"); | |
| 32 var sigma = 5; | |
| 33 canvas.width = 10; | |
| 34 canvas.height = 10; | |
| 35 context = canvas.getContext("2d"); | |
| 36 | |
| 37 for (var i = 0; i < blendModes.length; ++i) { | |
| 38 debug("Testing blend mode " + blendModes[i]); | |
| 39 | |
| 40 context.clearRect(0, 0, 10, 10); | |
| 41 context.save(); | |
| 42 applyTransformsToContext(context); | |
| 43 drawBackdropColorInContext(context); | |
| 44 context.globalCompositeOperation = blendModes[i]; | |
| 45 drawSourceColorInContext(context); | |
| 46 checkBlendModeResult(i, context, sigma); | |
| 47 context.restore(); | |
| 48 debug(''); | |
| 49 } | |
| 50 } | |
| 51 | |
| 52 runTest(); | |
| 53 </script> | |
| 54 </body> | |
| 55 </html> | |
| OLD | NEW |