<!DOCTYPE html>
<html>
<head>
<title>canvas标签的使用</title>
</head>
<body>
<canvas id="demo" width="400" height="300">
</canvas>
<script>
var ctx;
ctx = document.getElementById("demo").getContext("2d");
ctx.beginPath();
ctx.arc(175,175,50,0,Math.PI,false);
//ctx.moveTo(65,65);
ctx.closePath();
ctx.strokeStyle="red";
ctx.stroke();
</script>
</body>
<html>
<head>
<title>canvas标签的使用</title>
</head>
<body>
<canvas id="demo" width="400" height="300">
</canvas>
<script>
var ctx;
ctx = document.getElementById("demo").getContext("2d");
ctx.beginPath();
ctx.arc(175,175,50,0,Math.PI,false);
//ctx.moveTo(65,65);
ctx.closePath();
ctx.strokeStyle="red";
ctx.stroke();
</script>
</body>
</html>
---------------------------------------------------------------------------------------------------------------------------------------
arc方法的x和y参数是圆心坐标，radius是半径，startAngle和endAngle则是扇形的起始角度和终止角度（以弧度表示），anticlockwise表示做图时应该逆时针画（true）还是顺时针画（false）。
2648
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
