棕褐色 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);