让我们了解下canvas(画布)

canvas 绘图的步骤：

• 建立canvas 画布

• 通过canvas 画布获取上下文对象

上下文对象可以理解为画笔，画布建好了，然后再准备好画笔 是不是就可以开画拉

const canvas = document.querySelector('#canvas')
canvas.height = window.innerHeight
canvas.width = window.innerWidth
const ctx = canvas.getContext(‘2d’)

• 设置画笔颜色与图形形状

ctx.fillStyle = 'red'
ctx.fillRect(0, 0, 500, 500)

就完成一个最简单的绘制：

 用canvas绘制一个机器人头像：