Qual é a diferença entre traço e preenchimento na tela

O HTML5 divide os gráficos em duas categorias: a primeira é chamada de traço, que é contorno, contorno ou linha. Em suma, os gráficos são compostos por linhas; a segunda é chamada de preenchimento, que é uma área preenchida. Existem duas funções para desenhar retângulos no objeto de contexto, o que nos permite entender a diferença entre esses dois tipos de gráficos: um é strokeRect e o outro é fillRect.