content/canvas/test/test_2d.fillStyle.get.semitransparent.html

   1 <!DOCTYPE HTML>
   2 <title>Canvas test: 2d.fillStyle.get.semitransparent</title>
   3 <script src="/MochiKit/MochiKit.js"></script>
   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
  10 SimpleTest.waitForExplicitFinish();
  11 MochiKit.DOM.addLoadEvent(function () {
  12
  13 var canvas = document.getElementById('c');
  14 var ctx = canvas.getContext('2d');
  15
  16 ctx.fillStyle = 'rgba(255,255,255,0.45)';
  17 ok(ctx.fillStyle =~ /^rgba\(255, 255, 255, 0\.4\d+\)$/, "ctx.fillStyle =~ /^rgba\\(255, 255, 255, 0\\.4\\d+\\)$/");
  18
  19 SimpleTest.finish();
  20
  21 });
  22 </script>
  23