canvas中常见的几种图形画法

今天给大家分享几种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();//渲染