用javascript进行图像对比度分析

Question

我想知道是否有可能从api调用中分析图像，以找出图像的对比度是高还是低。我知道有resemble.js可以找到两个图像之间的差异。所以我认为我想要做的事情是可能的。

我该如何分析图像的对比度呢？如果这在javascript中是不可能的，那么在其他语言中有什么解决方案呢？

Answer 1

大多数解决方案都是基于

使用drawImage

• the

3. getImageData将图像绘制到画布上。您将得到一个数组，其中每个像素都是由四个数字的序列(RGBA)定义的，
4. 对这些像素应用任何算法。有许多算法来确定对比度，每一种都有优缺点，你必须选择一种适合你的需要

第一步的示例(最后一步取决于您的需求)：

var canvas = document.createElement('canvas');
canvas.width = myImage.width;
canvas.height = myImage.height;
var context = tempCanvas.getContext('2d');
context.drawImage(myImage, 0, 0);
var pixels = context.getImageData(0, 0, myImage.width, myImage.height).data;

Answer 2

Pixastic是一个JavaScript库，它允许你使用少量的JavaScript对图像执行各种操作、滤镜和花哨的效果。它通过使用HTML5画布元素来工作

在加载图像之后，

params.options.contrast

为您提供对比度的值。

有关更多信息和演示，请访问here