No me queda claro como es que rellena el rectángulo con la función [pincel.fill();]. Tengo entendido que:
pincel.fillStyle='red'; //Definir el color
pincel.beginPath(); // ?????????????? <-------(¿Para que funcionaba?)
pincel.moveTo(100, 175); //mueve el pincel
pincel.lineTo(100, 350); //dibija una linea
pincel.lineTo(275, 350); //dibija una linea
pincel.fill(); //rellena la figura
Según yo mueve el pincel en las coordenadas (100, 175) y de ahí dibuja una línea de (100, 175) hasta (100, 350) y después de (100, 350) hasta (275, 350). ¿No se supone que para terminar el rectángulo debería hacer otra línea de (270,350) a (350,100)?