Editar No necesito necesariamente una solución a este problema, más bien me gustaría entenderpor qu está ocurriendo. No veo por qué debería obtener los resultados impares a continuación ...

Aunque esta pregunta está dirigida a un problema que estoy teniendo con una aplicación de lienzo HTML5, creo que el problema es menos específico.

Tengo una aplicación de lienzo HTML5 que le permite estampar imágenes en la pantalla. Estas imágenes son PNG de 32 bits, por lo que estoy trabajando con transparencia. Si imprimo una imagen altamente transparente en la misma ubicación muchas veces (aproximadamente 100), termino con un resultado absolutamente terrible:

El color de la imagen que estoy usando como sello esRGB(167, 22, 22) y el fondo en el que estoy estampando esRGB(255, 255, 255). Aquí está la imagen de origen, si alguien está interesado:

Como puede ver, la imagen tiene niveles alfa extremadamente bajos. Probable sobre2/255 to 5/255 más o menos. Lo que haríaespera sucederá que si aplica repetidamente el sello de la imagen al lienzo suficientes veces, obtendrá píxeles de colorRGBA(167, 22, 22, 255). Desafortunadamente, estoy obteniendo una mezcla de colores que incluye algunas regiones muy extrañas de gris con un valor deRGB(155, 155, 155).

Acabo de cargar Excel y conecté la ecuación para la mezcla alfa de fuente sobre Wikipedia referencia) y parece que converjo aRGB(167, 22, 22) después de suficientes iteraciones. Probablemente me estoy perdiendo algo fundamental sobre las operaciones de mezcla alfa y cómo el lienzo HTML5 implementa la composición de fuente sobre ... ¿alguien puede ayudarme a enderezarme?

¡Gracias

Nota:esta pregunt es similar a mi problema, pero no entiendo por qué obtengo los resultados que publiqué aquí.