fill和stroke英文释义
fill的意思是填充，stroke的意思是一笔，一划，可以理解为只画边框
fillStyle & strokeStyle
背景颜色可以通过fillStyle来实现，描边颜色可以通过strokeStyle来实现。
fillText &strokeText
fillText //在画布上画文本并填充预设定的fillStyle背景颜色
strokeText //在画布上画文本并填充预设定的strokeStyle边框色
fillRect & strokeRect
fillRect // 在画布上绘制背景已经着色了的矩形
strokeRect //在画布上绘制边框已经着色了的矩形
rect
rect 只是先创建矩形，在画布中不会体现，只有在调用fill()或者stroke()之后才会体现
fill & stroke
fill // 画出含有背景颜色的矩形
stroke // 画出含有边框颜色的矩形
总结
画矩形和填充颜色可以分开来写，但是要注意顺序，先设定填充或者描边的颜色，再填充或描写
可以通俗理解为：（先选好哪只颜色的笔fillStyle | strokeStyle，然后下手画 fillRect | strokeRect。）
rect相当于在脑海里面想象的画什么东西，这个可以在拿画笔之前，可以在拿画笔之后