Canvas 2D globalCompositeOperation (más claro) [cerrado]

Según la especificación en http://dev.w3.org/html5/2dcontext/#dom-context-2d-globalcompositeoperation, la composición "más ligera" es "A más B".

Digamos que esta es mi situación:

  • Color de fondo del lienzo: rojo (# FF0000)
  • Dibuja un degradado lineal de verde (# 00FF00) a negro (# 000000)
  • Resultado esperado: gradiente lineal de amarillo (# FFFF00) a rojo (# FF0000)

Sin embargo, la operación compuesta "más clara" no parece agregar los colores. En cambio, simplemente dibuja el degradado verde / negro sobre el fondo rojo.

Avance: http://jsbin.com/uvaje4/4/ & Código: http://jsbin.com/uvaje4/4/edit

Algunas notas:

  1. He probado esto en Chrome, Firefox y Opera. Solo puedo ver 3 opciones: Ningún navegador ha implementado la composición "más ligera" todavía, o la especificación es simplemente incorrecta, o mi código es incorrecto.
  2. Me doy cuenta de que sería sencillo crear un degradado de amarillo a rojo, pero necesito la operación "más clara" para trabajar con dibujos más complicados.

preguntado el 16 de mayo de 11 a las 17:05

2 Respuestas

Error de ortografía en lighter FTL: O http://jsbin.com/uvaje4/5/

contestado el 16 de mayo de 11 a las 21:05

Está bien, esto es patético ... (se golpea la cabeza) - Bart

Juro que marqué algo trivial como esto ... oh bueno ... - Bart

Para el registro, activar advertencias estrictas en Firefox habría detectado este problema.

contestado el 16 de mayo de 11 a las 21:05

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.