content/canvas/test/test_2d.shadow.blur.low.html

   1 <!DOCTYPE HTML>
   2 <title>Canvas test: 2d.shadow.blur.low</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 = '#ff0';
  17 ctx.fillRect(0, 0, 100, 50);
  18 ctx.shadowColor = '#00f';
  19 ctx.shadowOffsetY = 25;
  20 for (var x = 0; x < 100; ++x) {
  21     ctx.save();
  22     ctx.beginPath();
  23     ctx.rect(x, 0, 1, 50);
  24     ctx.clip();
  25     ctx.shadowBlur = x;
  26     ctx.fillRect(-200, -200, 500, 200);
  27     ctx.restore();
  28 }
  29
  30 SimpleTest.finish();
  31
  32 });
  33 </script>
  34