今天给大家分享几种canvas中常见的图形画法。
//圆形
context.beginPath();//新建图层
context.fillStyle = "red";//填充颜色
context.arc(50,50,50,0,Math.PI*2);//四个值依次是圆心坐标,半径，起始点和终点的坐标，true/false,顺时针/逆时针
context.fill();//圆形需要填充
//矩形
context.beginPath();//新建图层
context.strokeStyle = "red";//边框的颜色
context.lineWidth = 2;//边框的宽度
context.strokeRect(100,0,100,100);//�四个值依次是起点坐标，宽度，高度
//三角形
context.beginPath();//新建图层
context.moveTo(100,0);//起始点
context.lineTo(100,100);//下一个点的坐标
context.lineTo(200,100);//下一个点的坐标
context.closePath();//关闭路径，就会形成一个三角形
context.stroke();//渲染