Acá están las instrucciones para identificar que hacen
- moveTo(x,y): Sirve para indicar las coordenadas en las que comenzara la línea.
- lineTo(x,y): Indica las coordenadas hasta las que se pinta la línea (Desde el moveTo o lineTo anterior).
- stroke(): Pinta las lineas.
- beginPath(): Con esta función se indica que vamos a comenzar a dibujar una figura mediante lineas.
- closePath(): Cierra la figura que se esté haciendo pintando la línea desde el ultimo punto definido hasta el primero.
- fill(): Como en los rectángulos existe la posibilidad de usar stroke o fill, para usar fill la figura debe de estar cerrada o que solo quede una línea para cerrar y entonces esta función creara la línea restante como closePath y rellanara la figura resultante.