<!DOCTYPE HTML>
<head>
</head>
<body>
<canvas width="200px" height="200px" id="myCanvas" style="border:3px solid #00FF00"></canvas>
<script type="text/javascript">
var obj = document.getElementById("myCanvas");
var cxt = obj.getContext("2d");
cxt.fillStyle = "#FF0000";
<!-- beginPath() 丢弃任何当前定义的路径并且开始一条新的路径。它把当前的点设置为 (0,0) -->
cxt.beginPath();
<!-- arc(x, y, radius, startAngle, endAngle, counterclockwise)radius:半径 Angle:沿着圆指定弧的开始点和结束点的一个角度 counterclockwise:顺时针绘制)-->
cxt.arc(70,18,15,0,Math.PI*2,true);
<!-- 结束当前路径 -->
cxt.closePath();
<!-- fill() 方法使用 fillStyle 属性所指定的颜色、渐变和模式来填充当前路径 -->
cxt.fill();
</script>
</body>
心得:
绘制圆:
arc();