使用get-image-colors包获取颜色量

Question

我正在使用get-image-colors软件包

"get-image-colors": "^2.0.0"

从png和gif获取颜色量。我的代码是：

const getColors = require('get-image-colors')

getColors('https://i.imgur.com/CypfPvl.png')
    .then(colors => {
        console.log(colors.length);
    });

它显示5，尽管图像只是黑色：

我做错了什么？

colors的

值为

[
  Color { _rgb: [ 4, 4, 4, 1, _clipped: false ] },
  Color { _rgb: [ 8, 4, 4, 1, _clipped: false ] },
  Color { _rgb: [ 8, 4, 4, 1, _clipped: false ] },
  Color { _rgb: [ 8, 4, 4, 1, _clipped: false ] },
  Color { _rgb: [ 8, 4, 4, 1, _clipped: false ] }
]

Answer 1

我无法使其与链接包一起使用，但是在其依赖项下，我发现了“ getPixels”包。

我用过它，它的rgb给了我一个像素的ndarray。然后，我将此ndarray事物转换为常规的数组数组。然后在循环中，我通过将其转换为json字符串来检查每个嵌套数组是否相等：

const getPixels = require("get-pixels");

//1px only black https://i.imgur.com/dStJ1Og.png
//2px only black https://i.imgur.com/5z46WVp.png
//88x62px only black https://i.imgur.com/ZtGMUh9.png
//88x62px black and red https://i.imgur.com/67IZCaD.png
//220x297px black and red https://i.imgur.com/KTNnJGF.jpg

getPixels("https://i.imgur.com/KTNnJGF.jpg", function(err, ndarray) {
    if(err) {
        console.log("Bad image path!");
        return;
    }

    const uintArr = new Uint8Array(ndarray.data);
    const regularArr = [];
    let oneColor = true;

    for(let i = 0, l = uintArr.length / 4; i < l; i++) {
        regularArr.push([uintArr[4*i], uintArr[4*i+1], uintArr[4*i+2], uintArr[4*i+3]])
    }
    for(let i = 0, l = regularArr.length; i < l; i++) {
        if(regularArr[i + 1]) {
            let currentValString = JSON.stringify(regularArr[i]);
            let nextValString = JSON.stringify(regularArr[i + 1]);

            if(currentValString !== nextValString) {
                oneColor = false;
                break;
            }
        }
    }

    console.log('Is image one color? ', oneColor);
});

我不知道它是否最有效，但它可以工作。