blob: 1d4704aaf49317d951cfccd6d467cbe459c3f853 [file] [log] [blame]
<script src="../../resources/testharness.js"></script>
<script src="../../resources/testharnessreport.js"></script>
<canvas id="mycanvas" width="400" height="400"></canvas>
<script>
test(function(t) {
var canvas = document.getElementById('mycanvas');
var ctx = canvas.getContext('2d');
var cx = 200, cy = 200, radius = 100;
ctx.lineWidth = 10;
ctx.beginPath();
ctx.moveTo(0, 100);
ctx.arc(cx, cy, radius, -Math.PI, Math.PI, false);
ctx.lineTo(0, 300);
ctx.stroke();
}, '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.');
</script>