Есть ли какой-нибудь плагин, который может подсчитывать цвет изображения?

Question

когда пользователь загружает изображение, я хотел бы определить, сколько цветов имеет изображение и какие цвета имеет изображение.

Я уже пробовал с react-palette это не нормально для меня. react-palette не может передать все цвета изображения.

Я думаю color-thief-react - это именно то, что мне нужно, но он не поддерживает Машинопись.

И я использую Dropzone для загрузки этого изображения. Есть предложения, пожалуйста?

Answer 1

Существует еще один пакет под названием sightengine, он может помочь

он получает много вещей из изображения, таких как [цвета, теги, атрибуты лица и т. Д.], А также работает с видео.

npm install sightengine --save

вот демо для него ссылка

он возвращается с таким ответом

{
    "status": "success",
    "request": {
        "id": "req_0zrbHDeitGYY7wEGncAne",
        "timestamp": 1491402308.4762,
        "operations": 0
    },
    "sharpness": 0.995,
    "contrast": 0.886,
    "brightness": 0.522,
    "colors": {
        "dominant": {
            "r": 135,
            "g": 127,
            "b": 84,
            "hex": "#877f54"
        },
        "accent": [
            {
                "r": 163,
                "g": 149,
                "b": 41,
                "hex": "#a39529"
            },
            {
                "r": 119,
                "g": 127,
                "b": 32,
                "hex": "#777f20"
            }
        ],
        "other": [
            {
                "r": 50,
                "g": 48,
                "b": 20,
                "hex": "#323014"
            },
            {
                "r": 232,
                "g": 222,
                "b": 204,
                "hex": "#e8decc"
            },
            {
                "r": 218,
                "g": 198,
                "b": 145,
                "hex": "#dac691"
            },
            {
                "r": 84,
                "g": 62,
                "b": 25,
                "hex": "#543e19"
            }
        ]
    },
    "media": {
        "id": "med_0zrbk8nlp4vwI5WxIqQ4u",
        "uri": "https:\/\/sightengine.com\/assets\/img\/examples\/example-prop-c1.jpg"
    }
}

Примечание: он должен работать на внутреннем сервере, потому что ему нужен доступ к файловой системе

ознакомьтесь с официальными документами