2024-1-2(canvas的beginPath()和closePath(), 线两端形状，线拐角形状，绘制圆弧，绘制椭圆弧，绘制阴影，二,三阶贝塞尔曲线

context.beginPath()
context.closePath()

注:

1.canvas中的绘制方法（如stroke,fill），都会以“上一次beginPath”之后的所有路径为基础进行绘制, beginPath()用于重置绘画路径，防止重复绘画

2.closePath()会寻找最近的起始点进行闭合

context.lineJoin  //线转折形状
context.lineCap   //线头部形状

context.arc()  //绘制弧线
context.ellipse()  //绘制椭圆弧

// 绘制阴影 
context.shadowColor = "red"; 
context.shadowOffsetX = 10; 
context.shadowOffsetY = 10; 
context.shadowBlur = 10; 

二阶贝塞尔曲线

// 设置起始点 
context.moveTo(100, 100); 
// 控制点x1,y1 控制点x2,y2 终点x3,y3 
context.bezierCurveTo(150, 300, 200, 0, 400, 100); 
context.stroke();