Estaba jugando con las banderas de contexto de lienzo disponibles para mi aplicación WebGL, y noté que la configuración se desynchronized en verdadero junto con alpha en falso al ejecutar getContext() , así:

 const canvasContext = canvasElem.getContext("webgl2", { alpha: false, desynchronized: true });

Cambia los colores para que sean exactamente como los configuré.

Es decir, si trato de dibujar con el color #FF0000 , dibujará exactamente eso. Para mí, tiene sentido por qué esto ocurriría al configurar alpha en falso, porque evita la combinación con el fondo de la página (o cualquier otra cosa que esté detrás del lienzo), pero configurar alpha solo no parece causar este efecto.

Más bien, debe tener ambos para que los colores del lienzo no se mezclen con el fondo de la página. Tengo curiosidad por qué es esto.