使用Pixastic组合效果/滤镜

时间:2015-06-08 15:59:44

标签: javascript jquery html internet-explorer pixastic

我使用Pixastic来改变画布上图像的亮度和对比度等简单效果。

但是,我还没有找到将这些效果一起应用的方法。例如。应用亮度,然后在已经变亮的图像上应用对比度,而不是原始图像。

使用Pixastic.revert(img);不起作用,因为它会将每个效果应用于原始图像,而不是将它们分层。

我甚至不确定Pixastic是否可行,因为我已经数周无法找到解决方案了。

是否有任何其他jquery插件可以执行类似的操作,例如更改图像的亮度和对比度。我需要让它适用于IE9 +所以我的选择非常有限。大多数事情似乎只适用于Chrome / Opera / Safari等。

1 个答案:

答案 0 :(得分:1)

看看CamanJS

在他们的docs上有以下示例:

Caman("#image-id", function () {
  this.brightness(10);
  this.contrast(20);
  this.render(function () {
    alert("Done!");
  });
});

此库使用隐藏的画布,在渲染后,它会以src格式重置img base64标记。

是的,它适用于IE9 +

您可以查看示例here