ChatGPT寫一個調整影像曝光的網頁

調整影像曝光和先前的調整影像亮度很像, 曝光增加影像越亮, 曝光減少影像越暗. 差異其實在於調整亮度時用加減法處理RGB, 調整曝光時用乘除法處理RGB. 在沒有過度曝光下, 乘除法處理的RGB比例會一致, 缺點是調整範圍比較大, 容易有做過度的問題. 所以調整曝光範圍設為0.1到2之間.


function adjustExposure() {
    var imageData = ctx.getImageData(0, 0, canvas.width, canvas.height);
    var data = imageData.data;
    var adjustedData = data.slice();

    for (var i = 0; i < adjustedData.length; i += 4) {
        adjustedData[i] *= exposure;         // R
        adjustedData[i + 1] *= exposure;     // G
        adjustedData[i + 2] *= exposure;     // B
    }

    ctx.putImageData(new ImageData(new Uint8ClampedArray(adjustedData), canvas.width, canvas.height), 0, 0);
}