content/test/data/gpu/concave_paths.html

   1 <!DOCTYPE HTML>
   2 <html>
   3 <head>
   4 <title>Concave Paths test</title>
   5 <script>
   6 var g_swapsBeforeAck = 15;
   7
   8 function main() {
   9   waitForFinish();
  10 }
  11
  12 function waitForFinish()
  13 {
  14   if (g_swapsBeforeAck == 0) {
  15     domAutomationController.setAutomationId(1);
  16     domAutomationController.send("SUCCESS");
  17   } else {
  18     g_swapsBeforeAck--;
  19     document.getElementById('paths').style.zIndex = g_swapsBeforeAck + 1;
  20     window.webkitRequestAnimationFrame(waitForFinish);
  21   }
  22 }
  23 </script>
  24 </head>
  25 <body onload="main()">
  26 <svg id="paths" width="600" height="100">
  27   <defs>
  28     <path id="chomp" d="M100,75 A50,50 0 1 1 100,25 L50,50Z" fill="gold"/>
  29   </defs>
  30 </g>
  31 <use xlink:href="#chomp"/>
  32 <g transform="translate(100, 0)">
  33   <use xlink:href="#chomp"/>
  34 </g>
  35 <g transform="translate(200, 0)">
  36   <use xlink:href="#chomp"/>
  37 </g>
  38 <g transform="translate(300, 0)">
  39   <use xlink:href="#chomp"/>
  40 </g>
  41 <g transform="translate(400, 0)">
  42   <use xlink:href="#chomp"/>
  43 </g>
  44 <g transform="translate(500, 0)">
  45   <use xlink:href="#chomp"/>
  46 </g>
  47 </svg>
  48 </body>
  49 </html>