Как создать электронную подпись с помощью javascript или jquery? [dубликат]
Я думаю, вам нужно что-то вроде
var count = context.MyTable.Count (t = & gt; t.MyContainer.ID == '1'); (отредактировано для отражения комментариев)
6 ответов
Вот еще одна версия на холсте с переменной шириной (на основе скорости рисования): demo at http://szimek.github.io/signature_pad и код в https: // github .com / szimek / signature_pad .
[!d2]
-
1Спасибо заранее, лучшая подпись js, которую я когда-либо видел. Не знаю, почему в этом ответе было всего 3 голоса. [D0] github.com/szimek/signature_pad – VAdaihiep 2 August 2013 в 11:17
-
2Мне нравится, что это не зависит от других js-библиотек и насколько хорошо выглядит. Одна заметка об использовании этого, которая помогла мне: добавить границу к холсту, чтобы вы могли видеть, как она настраивается. Также обратите внимание, что css меняет на холст некоторые сумасшедшие вещи, поэтому просто укажите высоту и ширину в элементе canvas, если это выходит из-под контроля. – Brian McGinity 17 August 2013 в 05:25
-
3Джейк, что, по вашему мнению, отсутствует в документации, представленной в файле README? Я открыт для предложений, как улучшить его. – szimek 4 September 2013 в 13:00
-
4Я извиняюсь. Я думаю, что ваша документация действительно адекватна. Это казалось ограниченным, пока я не понял, насколько просто это использовать. Я полностью его реализовал в форме, сохраняя в базе данных и возвращаясь на страницу менее чем через час. Полагаю, я сравнивал это с библиотеками, которые были намного сложнее использовать, как выбранный ответ выше. Раньше я не работал с URI данных, но это действительно блестящий способ обработки данных. Итак, я просто должен был акклиматизировать себя, а затем сохранить и восстановить в базе данных было так просто ... ничего себе. Еще раз спасибо! – Jake 4 September 2013 в 17:18
-
5@RonaldinhoLearnCoding Проверьте это jsfiddle.net/szimek/ps65Q – szimek 16 September 2015 в 19:14
Еще одно поле подписи OpenSource: https://github.com/applicius/jquery.signfield/ , зарегистрированный плагин jQuery с использованием Sketch.js.
Возможно, лучшими двумя браузерами для этого являются Canvas, а Flash - как резервная копия.
Мы попробовали VML на IE в качестве резервной копии для Canvas, но он был намного медленнее Flash. SVG был медленнее, чем все остальные.
С jSignature ( http://willowsystems.github.com/jSignature/ ) мы использовали Canvas как первичный, с резервным на Flash-based Эмулятор холста (FlashCanvas) для IE8 и меньше. Id 'say работал очень хорошо для нас.
-
1Это действительно приятно ... Мне нравятся эффекты сглаживания. Лучшее, что я видел. – Camden S. 4 June 2013 в 20:04
Вот быстро взломанная версия этого с помощью SVG Я только что сделал. Хорошо работает для меня на моем iPhone. Также работает в настольном браузере, используя обычные события мыши.
-
1
-
2Как сохранить подпись как файл png или показать подпись другим способом? – Andrus 5 March 2015 в 08:25
Параметры, которые уже перечислены, очень хороши, но вот еще несколько статей по этой теме, которые я исследовал и наткнулся на них. 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/ И как всегда вы можете сохранить холст в изображение: http: //www.html5canvastutorials.com/advanced/html5-canvas-save-drawing-as-an-image/ удачи и счастливого подписания
Элемент canvas с некоторым JavaScript будет работать отлично.
Фактически, Signature Pad (плагин jQuery) уже реализовал это.
-
1– Gourneau 14 March 2012 в 08:49
-
2
-
3Я обнаружил, что этот плагин очень трудно использовать непреднамеренно. Все демо были очень конкретными и сложными. Определенно, как и другой подход на подставке лучше: stackoverflow.com/a/17200715/76672 С почти никакой документацией я смог заставить его работать ... – Jake 4 September 2013 в 06:46