增加色彩对比度饱和度

使用增加图像的饱和度

ctx.globalCompositeOperation = 'saturation';

可以使用填充叠加中的阿尔法设置或饱和度来控制效果量

// Render the image
ctx.globalCompositeOperation='source-atop';
ctx.drawImage(image, 0, 0);

// set the composite operation
ctx.globalCompositeOperation ='saturation';
ctx.fillStyle = "red";
ctx.globalAlpha = alpha;  // alpha 0 = no effect 1 = full effect
ctx.fillRect(0, 0, image.width, image.height);

StackOverflow 文档