O curioso no JavaScript é que no primeiro "pincel.fillRect" há o registro de pontos num retângulo, considerando as coordenadas para o ponto inicial e para o ponto final. A partir dos próximos 'pincel.fillRect', as coordenadas dos pontos finais representam acréscimos no eixo x e no eixo y a partir do ponto inicial.
Fala, Gabriel! Tudo bem contigo?
Desculpe a demora em dar um retorno
Isso mesmo! Todas as coordenadas você terá como base o ponto de origem.
Se na origem temos x e y na canto superior esquerdo é dali que partimos para nos referenciar na construção das figuras.
Um abraço e bons estudos