ctx.arc(X,Y,半径,起始位置,结束位置,true);
true:顺时针
<span style="font-size:18px;"><!DOCTYPE html>
<html>
<body>
<!--画布-->
<canvas id="myCanvas" width="400" height="300"
style="border:1px solid #d3d3d3;">
Your browser does not support the HTML5 canvas tag.</canvas>
<script>
<!--画大圆-->
<!--"myCanvas"这是Canvas标签-->
var c = document.getElementById("myCanvas");
<!--画布的效果是2d效果-->
var ctx = c.getContext("2d");
<!--开启新的一条路径-->
ctx.beginPath();
<!--沿顺时针路线-->
ctx.arc(200,150,140,0,2*Math.PI);
ctx.stroke();
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.beginPath();
ctx.arc(140,100,20,0,2*Math.PI);
ctx.stroke();
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.beginPath();
ctx.arc(260,100,20,0,2*Math.PI);
ctx.stroke();
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.beginPath();
ctx.arc(200,200,60,0.2*Math.PI,0.8*Math.PI);
ctx.stroke();
<!--作者签名-->
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
<!--字体大小是:20px,字体样式:Georgia-->
ctx.font="20px Georgia";
ctx.fillText("尹永贤",340,294);
</script>
</body>
</html></span>