22 lines
686 B
HTML
22 lines
686 B
HTML
<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>
|