Возможен ли захват подписи в различных мобильных веб-браузерах?

Question

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

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

По понятным причинам устройство должно иметь сенсорный экран.

Конечно, существует множество различных мобильных браузеров с широким спектром возможностей. Идеальное решение будет поддерживать как можно больше браузеров и изящно ухудшаться в зависимости от возможностей браузера.

Мне уже известно, что некоторые версии Flash могут предоставлять API-интерфейсы рисования, необходимые для чего-то подобного, при условии, что браузер нужного устройства поддерживает Flash.

Мне также известно о стороннем элементе управления ActiveX / OCX для Pocket IE на устройствах Windows Mobile. Пользователь должен вручную загрузить / установить элемент управления в браузере перед использованием. Неудачно, но приемлемо.

Я лично не знаю многих мобильных браузеров, которые поддерживают хостинг Java-апплета, но, вероятно, есть некоторые. Опять же, основываясь на поддержке различных API Java, возможно, это будет возможный путь.

Javascript может сделать это, если двигатель и процессор достаточно надежны на устройстве.

Наконец, полная несбыточная мечта: возможно, пользователь мог бы сделать снимок подписи с помощью камеры мобильного устройства на простом листе бумаги и посчитать ее действительной подписью. Однако это приведет к получению растрового изображения, в отличие от векторов, которые я, вероятно, собираю во всех других случаях. Кроме того, было бы довольно сложно, если не невозможно / необоснованно, интегрировать съемку фотографии с помощью приложения камеры и загружать ее с помощью приложения веб-браузера, связывая это конкретное изображение с остальными снимками.

Спасибо.

Answer 1

Для этого сейчас существует плагин jQuery -> http://thomasjbradley.ca/lab/signature-pad

Предыдущая ссылка неактивна по состоянию на 17 марта 2016 г., но соответствующий репозиторий находится на GitHub: https://github.com/thomasjbradley/signature-pad

Answer 2

Томас j плагин для подписи jQuery от Брэдли потрясающий и очень простой в реализации.

Answer 3

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

Answer 4

http://mysignature.brinkster.net - не работает для мобильного браузера http://thomasjbradley.ca/lab/signature-pad - не работает для IE. У этого есть холст и технологии вспышки. В IE возникла проблема с тегом canvas.

Answer 5

Да, нашел один, это работает на Android 2.1, 2.2, iPhone. Он работает очень хорошо и поставляется с php-кодом для преобразования сохраненных координат JSON в изображения. http://thomasjbradley.ca/lab/signature-pad

Answer 6

Прежде всего, я разработчик C ++, а не веб, но я написал и развернул процедуру захвата подписи Windows Mobile на C ++ / MFC. Если вы хотите использовать или перевести код, дайте мне знать, и я опубликую его здесь. Это не особенно элегантно, но делает работу. По сути, вам нужны доступные нажатия кнопок и сообщения о движении мыши.

Уже пройдя этот путь, я пришел к выводу, что это не очень хорошее использование технологий. Экраны, как правило, изнашиваются и не реагируют на область захвата подписи, что делает их бесполезными не только для захвата подписи, но и для других операций. Наш опыт заключался в том, что для мобильных приложений типа продавцов он ограничивал срок службы портативных устройств до одного года и приводил к тому, что число пользователей было меньше, чем счастливых.

Идея камеры кажется намного умнее и не сломает устройство. IMO, вы также получили бы намного лучшие подписи, сенсорные экраны ужасны.

Answer 7

Все эти ответы устарели.

На данный момент лучшая библиотека - https://github.com/szimek/signature_pad

подпись Томаса Брэдли больше не поддерживается

Answer 8

Возможно, вы захотите рассмотреть плагин OpenSource jQuery: https://github.com/applicius/jquery.signfield/

Answer 9

Canvas, с Flash (через FlashCanvas) хорошо работали с jSignature. http://willowsystems.github.com/jSignature/

MIT + Работает (было специально написано для запуска) везде, где есть Canvas или Flash. + протестировано на iPad, iPhone, планшетах Android, телефонах.

Answer 10

Без вложения чего-либо на веб-страницу единственный способ сделать это - использовать JavaScript.

К сожалению, большинство мобильных браузеров не поддерживают JavaScript, а те, которые работают не очень быстро.

Я не думаю, что возможно создать общее решение на основе большинства устройств, которые в настоящее время существуют.