What is the difference between stroke and fill in canvas

HTML5 divides graphics into two categories: the first is called stroke, which is outline, outline or line. In short, graphics are composed of lines; the second is called fill, which is filled area. There are two functions for drawing rectangles in the context object, which allows us to understand the difference between these two types of graphics: one is strokeRect, and the other is fillRect.