Dibujé un rect azul medio transparente, y luego otro rect rojo.

Lo que me gustaría es que el rect rojo reemplace totalmente al rect azul incluso en la parte intersecada.

Eché un vistazo a los detalles de API globalCompositeOperation en https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/globalCompositeOperation

WebGL parece admitir esto solo con su modo de fusión predeterminado.