canvas-3圆的绘制

<script type="text/javascript">

var canvas1 = document.querySelector("#canvas1") // 1.找到画布对象

var ctx = canvas1.getContext("2d") // 2.上下文对象（画笔）

// (圆心x：300, 圆心y：300, 半径r：100, 开始角度：0 , 结束角度：360度, 默认为false（可不写）是顺时针，true为逆时针)

ctx.arc(300, 300, 100, 0, 2*Math.PI)

ctx.stroke()

</script>