今天給大家分享幾種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();//渲染