test_canvas_strokeStyle_getter.html (1132B)
1 <!DOCTYPE HTML> 2 <html> 3 <!-- 4 https://bugzilla.mozilla.org/show_bug.cgi?id=587106 5 --> 6 <head> 7 <title>Test for Bug 587106</title> 8 <script src="/tests/SimpleTest/SimpleTest.js"></script> 9 <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/> 10 </head> 11 <body> 12 <a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=587106">Mozilla Bug 587106</a> 13 <p id="display"><canvas id="c"><canvas></p> 14 <div id="content" style="display: none"> 15 16 </div> 17 <pre id="test"> 18 <script type="application/javascript"> 19 20 /** Test for Bug 587106 */ 21 var ctx=document.getElementById('c').getContext('2d'); 22 for (var i = 0; i < 100; ++i) { 23 // Skip things that will give different alpha values depending on weird 24 // rounding stuff. 25 var tentativeAlpha = i / 100 * 255; 26 if (Math.abs(tentativeAlpha.toFixed(1) - tentativeAlpha.toFixed(0)) == 0.5) { 27 // Skip this one, please! 28 continue; 29 } 30 ctx.strokeStyle = 'rgba(0, 0, 0, ' + (i/100) + ')'; 31 is(ctx.strokeStyle, 'rgba(0, 0, 0, ' + (i/100) + ')', 32 'strokeStyle should match for opacity='+(i/100)); 33 } 34 35 </script> 36 </pre> 37 </body> 38 </html>