03. 绘制矩形

canvas 只支持两种形式的图形绘制：矩形和路径

绘制矩形

1. fillRect (x, y, width, height): 绘制一个填充的矩形
2. strokeRect (x, y, width, height): 绘制一个矩形的边框
3. clearRect (x,y,width, height): 清除指定矩形区域，让清除部分完全透明。

   const rectNode = document.querySelector('.canvas-rect')
   const ctx = rectNode.getContext('2d')
   ctx.fillRect(50, 50, 100, 100)
   ctx.clearRect(70, 70, 60, 60)
   ctx.strokeRect(80, 80, 40, 40)