Instagram や iPhone のデフォルトのフォト エディターで見られるものと同様に、キャンバスを使用してイメージ エディターを作成しています。これまでのところ、シャープ、ぼかし、コントラスト、明るく、色合い、彩度、色相の調整を行う機能を実装できました。グーグルですぐに見つけられる解決策がたくさんあるので、これらは簡単に実装できます。
ただし、シャドウ/ハイライトまたは暖かさ/冷却に関連するものは見つかりませんでした。
たとえば、明るさを調整するソリューションはこれに似ています
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);
シャドウ/ハイライトと暖かさ/冷却に似たようなことをするにはどうすればよいですか