Ну как нарисовать квадрат я думаю понятно, а как закрасить, я думаю можно onClick повесить на этот квадрат, считать кол-во кликов, если оно достигает 4х то закрасить этот квадрат
Ну вот в примере показано как получать координаты канваса по клику мыши, собирай их в массив, когда соберёшь 4 - рисуй. Фигуры со свободной геометрией, только 4 вершины нужны? Тогда больше никакой логики не потребуется.