third_party/WebKit/LayoutTests/fast/canvas/canvas-hit-regions-fill-rule-test.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4   <title>Canvas Hit Regions: fillRule test</title>
   5   <script src="../../resources/js-test.js"></script>
   6 </head>
   7 <body>
   8 <canvas id="canvas" width="400" height="400">
   9 </canvas>
  10 <script src="./resources/canvas-hit-region-event.js"></script>
  11 <script>
  12
  13   var canvas = document.getElementById("canvas");
  14   var context = canvas.getContext("2d");
  15
  16   context.rect(20, 20, 60, 60);
  17   context.rect(0, 0, 100, 100);
  18   context.addHitRegion({
  19     id : "nonzero"
  20     // default fillRule
  21   });
  22
  23   debug("default fillRule(nonzero):");
  24   shouldBe("clickCanvas(1, 1)", "'nonzero'");
  25   shouldBe("clickCanvas(99, 98)", "'nonzero'");
  26   shouldBe("clickCanvas(21, 21)", "'nonzero'");
  27   shouldBe("clickCanvas(50, 50)", "'nonzero'");
  28   debug("");
  29
  30   context.removeHitRegion("nonzero");
  31
  32   context.addHitRegion({
  33     id : "evenodd",
  34     fillRule : "evenodd"
  35   });
  36
  37   debug("fillRule = evenodd:");
  38   shouldBe("clickCanvas(1, 1)", "'evenodd'");
  39   shouldBe("clickCanvas(99, 98)", "'evenodd'");
  40   shouldBe("clickCanvas(21, 21)", "null");
  41   shouldBe("clickCanvas(50, 50)", "null");
  42   debug("");
  43
  44   context.removeHitRegion("evenodd");
  45
  46   context.addHitRegion({
  47     id : "nonzero",
  48     fillRule : "nonzero"
  49   });
  50
  51   debug("fillRule = nonzero:");
  52   shouldBe("clickCanvas(1, 1)", "'nonzero'");
  53   shouldBe("clickCanvas(99, 98)", "'nonzero'");
  54   shouldBe("clickCanvas(21, 21)", "'nonzero'");
  55   shouldBe("clickCanvas(50, 50)", "'nonzero'");
  56   debug("");
  57
  58   context.removeHitRegion("nonzero");
  59
  60   shouldThrow('context.addHitRegion({id : "nonzero", fillRule : null });');
  61
  62   context.addHitRegion({
  63     id : "nonzero",
  64     fillRule : undefined
  65   });
  66
  67   debug("fillRule = undefined, falls back to default (nonzero):");
  68   shouldBe("clickCanvas(1, 1)", "'nonzero'");
  69   shouldBe("clickCanvas(99, 98)", "'nonzero'");
  70   shouldBe("clickCanvas(21, 21)", "'nonzero'");
  71   shouldBe("clickCanvas(50, 50)", "'nonzero'");
  72   debug("");
  73
  74 </script>
  75 </body>
  76 </html>