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相当于在脑海里面想象的画什么东西,这个可以在拿画笔之前,可以在拿画笔之后