Как мне интегрировать OpenCV в проект reactjs?

#javascript #reactjs #opencv #image-processing #react-hooks

Вопрос:

Я работаю над проектом reactjs уже несколько месяцев, и теперь один модуль требует некоторой обработки изображений. Итак, я хотел бы знать, как я могу интегрировать OpenCV с reactjs. Я не могу найти ни одной статьи, документации по этому же вопросу.

Ответ №1:

Вы пытались внедрить модели TensorFlow вместо OpenCV в свой проект ReactJS?

Попробуйте проверить TensorFlow.js(веб-сайт:https://www.tensorflow.org/js) У них есть модели резюме, совместимые с JavaScript. Может быть, это проще реализовать, чем OpenCV.

Я завершил несколько проектов с TensorFlow.js и реагировать на это. Они прекрасно работают вместе.

1. Спасибо, я проверю это. Эта библиотека кажется мне лучшим вариантом.

2. Еще кое-что, пожалуйста! Могу ли я использовать TensorFlow для измерения высоты и ширины лица по изображению?

3. Я думаю, ты сможешь. Проверьте это репо: github.com/tensorflow/tfjs-models/tree/master/facemesh . Эта модель facemesh способна обнаруживать ~468 ориентиров на лице, не включая волосы (возможен уровень видео), и вы можете проверить расположение этих ориентиров и выбрать четыре из них для расчета высоты и ширины. Надеюсь, это поможет 🙂

4. Спасибо тебе оооочень большое. Я проверю это репо 🙂

5. Удачи и желаю вам всего наилучшего в вашем проекте~

Ответ №2:

Вы можете использовать opencv.js за это. К сожалению, нет никаких пакетов NPM. Однако вы можете импортировать его так же, как и с пакетом NPM. Просто в этом случае вам нужно вручную загрузить и добавить opencv.js к вашему проекту.

Однако, opencv.js он огромен, поэтому я бы рекомендовал использовать для него CDN.

Вот ссылка на учебники по NodeJS документации: https://docs.opencv.org/3.4/dc/de6/tutorial_js_nodejs.html

Более того, я бы не рекомендовал использовать его в интерфейсном приложении. Из-за размера и необходимой вычислительной мощности. Вы можете настроить для него внутренний API с помощью NodeJS