棕褐色 FX 具有光度

建立一個彩色的棕褐色 FX

ctx.globalCompositeOperation = 'luminosity';

在這種情況下，首先渲染棕褐色的影象。

可以使用填充疊加中的阿爾法設定或飽和度來控制效果量

// Render the image
ctx.globalCompositeOperation='source-atop';
ctx.fillStyle = "#F80";  // the color of the sepia FX
ctx.fillRect(0, 0, image.width, image.height);

// set the composite operation
ctx.globalCompositeOperation ='luminosity';

ctx.globalAlpha = alpha;  // alpha 0 = no effect 1 = full effect
ctx.drawImage(image, 0, 0);