¿Cuál es la diferencia entre trazo y relleno en lienzo?

HTML5 divide los gráficos en dos categorías: la primera se llama trazo, que es contorno, contorno o línea, en resumen, los gráficos se componen de líneas, la segunda se llama relleno, que es área de relleno. Hay dos funciones para dibujar rectángulos en el objeto de contexto, lo que nos permite entender la diferencia entre estos dos tipos de gráficos: una es strokeRect y la otra es fillRect.