canvas的绘图流程 1,在html中设置canvas标签 (注意设置宽高) 2,在js中获取canvasDOM节 点 3,获取canvas对象 const ctx = canvas.getContext('2d'); //获取Canvas对象,这就是我们的画笔 4,设置绘图属性 ctx.fillStyle = 'blue'; //设置画笔的颜色 ctx.lineWidth = 1; //设置线段的宽度 ctx.strokeStyle = 'blue'; //线条的填充色 5,调用绘图API ctx.stroke() // 绘制线段 ctx.fill() //填充