blob: 43d06fa6895870cb1ab9942f324bfdaf46bde032 [file] [log] [blame]
<body>
<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.
<canvas id="mycanvas" width="400" height="400"></canvas>
<script>
if (window.testRunner)
testRunner.dumpAsText(true);
var canvas = document.getElementById('mycanvas');
var ctx = canvas.getContext('2d');
var cx = 200, cy = 200, radius = 100;
function deg2rad(x) {
return x * 3.141592653589 / 180;
}
ctx.lineWidth = 10;
ctx.beginPath();
ctx.moveTo(0, 100);
ctx.arc(cx, cy, radius, deg2rad(-180), deg2rad(180), false);
ctx.lineTo(0, 300);
ctx.stroke();
</script>
</body>