Canvas--矩形

Canvas提供了一个直接绘制矩形的方法：rect(x,y,width,height)

1 context.rect(50,50,100,100)
2 
3 context.lineWidth = 10
4 context.strokeStyle = '#0091db'
5 context.fillStyle = '#00ff00'
6 
7 context.stroke()
8 context.fill()

　　绘制矩形的其它方法：fillRect(x,y,width,height)、strokeRect(x,y,width,height)

1 context.lineWidth = 10
2 context.strokeStyle = '#0091db'
3 
4 context.strokeRect(50,50,100,100)

1 context.lineWidth = 10
2 context.fillStyle = '#00ff00'
3 
4 context.fillRect(50,50,100,100)

转载于:https://www.cnblogs.com/yin-1841/p/7771563.html