third_party/WebKit/LayoutTests/fast/canvas/arc360.html

   1 <body>
   2 <p>Test canvas arc() start / end points when the arc is >= 360 degrees. The result should be a circle with two line segments connected to the left hand side, towards the top left and bottom left corners.
   3 <canvas id="mycanvas" width="400" height="400"></canvas>
   4 <script>
   5 if (window.testRunner)
   6     testRunner.dumpAsTextWithPixelResults();
   7
   8 var canvas = document.getElementById('mycanvas');
   9 var ctx = canvas.getContext('2d');
  10 var cx = 200, cy = 200, radius = 100;
  11 ctx.lineWidth = 10;
  12 ctx.beginPath();
  13 ctx.moveTo(0, 100);
  14 ctx.arc(cx, cy, radius, -Math.PI, Math.PI, false);
  15 ctx.lineTo(0, 300);
  16 ctx.stroke();
  17 </script>
  18 </body>