обнаружение лица и сохранение изображения

Question

Я работаю над проектом, который будет использовать веб-камеру пользователя и всегда будет искать лица при обнаружении, а лицо находится в определенной области (чтобы убедиться, что они направлены вперед). А затем сделайте снимок лица и сохраните его на веб-сервере.

Я нашел некоторые лица проектов обнаружения, которые используют usergermedia и использовать холст, чтобы наложить изображение на верхней части обнаруженного лица видели здесь: https://github.com/neave/face-detection

Код в заблуждение новичка, как я, я вижу что я, вероятно, должен играть с файлом face.html и функцией объектов обнаружения. Но вместо того, чтобы нарисовать очки, как бы я смог сохранить его как образ?

Answer 1

Вы можете использовать метод элемента canvas toDataURL(), чтобы извлечь растровое изображение изображения, декодированное в base64, и отправить его на ваш сервер. Там вы можете декодировать строку base64 и сохранить содержимое в новый файл, или вы можете использовать графическую библиотеку (в зависимости от вашего сервера и языка программирования по выбору), чтобы манипулировать растровым изображением, прежде чем сохранять его в файл изображения.

Это может помочь вам: How to save a HTML5 Canvas as Image on a server