third_party/WebKit/LayoutTests/fast/canvas/resources/shadow-offset.js

   1 test = function(setter) {
   2     document.body.appendChild(document.createElement("p")).appendChild(document.createTextNode("There should be no red pixels below."));
   3     var canvas = document.body.appendChild(document.createElement("canvas"));
   4     canvas.width = "400";
   5     canvas.height = "400";
   6     canvas.style.backgroundColor = "white";
   7     var ctx = canvas.getContext('2d');
   8     var w = 10;
   9     var h = 10;
  10
  11     var y = 10;
  12     for (var offsetY = -10; offsetY <= 10; offsetY++) {
  13         var x = 10;
  14         for (var offsetX = -10; offsetX <= 10; offsetX++) {
  15             ctx.shadowOffsetX = 0;
  16             ctx.shadowOffsetY = 0
  17             ctx.shadowBlur = 0;
  18             ctx.shadowColor = "transparent";
  19
  20             ctx.fillStyle = 'red';
  21             ctx.fillRect(x + offsetX, y + offsetY, w, h);
  22
  23             setter(ctx, offsetX, offsetY);
  24
  25             ctx.fillStyle = 'white';
  26             ctx.fillRect(x, y, w, h);
  27
  28             x += w + Math.abs(offsetX) + 2;
  29         }
  30         y += h + Math.abs(offsetY) + 2;
  31     }
  32 }