## Canvas画圆和矩形 ### 圆 ~~~ ctx.beginPath(); ctx.arc(200, 200, 50, 0, 2*Math.PI, true); ctx.stroke(); ~~~ > arc(圆心x坐标，圆形y坐标，半径，起止弧度，终止弧度，顺时针false/逆时针true) ### 矩形 画矩形=画四条直线 `ctx.strokeRect(300,100,200,100);` > strokeRect(矩形左上角x坐标，矩形左上角y坐标，矩形宽，矩形高),是一个封装函数，不需要先执行beginPath()，再执行stroke() ### closePath() 闭合线段 ~~~ ctx.moveTo(0,0); ctx.lineTo(100,100); ctx.lineTo(100,200); ctx.closePath(); ctx.strokeStyle = "red"; ctx.stroke(); ~~~