Захват подписи с помощью HTML5 и iPad



кто-нибудь знает как это можно сделать? Вы бы использовали объект canvas, svg, jQuery и т. д.?

530   6  

6 ответов:

вот еще одна версия на основе холста с переменной шириной (на основе скорости рисования) кривых: demo at http://szimek.github.io/signature_pad и код на https://github.com/szimek/signature_pad.

signature sample

элемент canvas с помощью JavaScript будет отлично работать.

в самом деле Блокнот Для Подписи (плагин jQuery)уже реализовал это.

здесь быстро взломали версию этого с помощью SVG Я только что сделал. Хорошо работает для меня на моем iPhone. Также работает в браузере, используя обычные события мыши.

возможно, лучшими двумя технологиями браузера для этого являются Canvas, с Flash в качестве резервной копии.

мы попробовали VML на IE в качестве резервной копии для Canvas, но это было намного медленнее, чем Flash. SVG был медленнее, чем все остальные.

с jSignature (http://willowsystems.github.com/jSignature/) мы использовали Canvas в качестве основного, с резервным вариантом для эмулятора Canvas на основе Flash (FlashCanvas) для IE8 и менее. Я говорю, что это очень хорошо работало для нас.

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

1) http://perfectionkills.com/exploring-canvas-drawing-techniques/
2) http://mcc.id.au/2010/signature.html
3) https://zipso.net/a-simple-touchscreen-sketchpad-using-javascript-and-html5/

И как всегда вы можете сохранить полотно image:
http://www.html5canvastutorials.com/advanced/html5-canvas-save-drawing-as-an-image/

удачи и счастливого подписания

другое поле подписи с открытым исходным кодом -https://github.com/applicius/jquery.signfield/, зарегистрированный плагин jQuery с помощью Sketch.js .

Comments

    Ничего не найдено.