Estoy construyendo un editor de imágenes usando lienzo, similar a lo que podrías ver en Instagram o en el editor de fotos predeterminado de iPhone. Hasta ahora he podido implementar la capacidad de hacer lo siguiente: enfocar, desenfocar, contrastar, iluminar, matizar, saturar, ajustar el tono. Estos han sido sencillos de implementar porque hay muchas soluciones que puede encontrar rápidamente en Google.

Sin embargo, no he podido encontrar nada relacionado con sombras/iluminación o calidez/refrigeración .

Por ejemplo, una solución para ajustar el brillo sería similar a esta

 var imageData = context.getImageData(0, 0, img.width, img.height); var data = imageData.data; var brightness = 1.35; for(var i = 0; i < data.length; i += 4) { var r = data[i]; var g = data[i + 1]; var b = data[i + 2]; bR = brightness * r; bG = brightness * g; bB = brightness * b; data[i] = bR; data[i + 1] = bG; data[i + 2] = bB; } context.putImageData(imageData, 0, 0);

¿Cómo podría hacer algo similar para sombras/iluminación y calidez/refrigeración ?