Czy ktoś wie, jak można to zrobić? Czy użyłbyś obiektu płótna, svg, jQuery itp.?
Czy ktoś wie, jak można to zrobić? Czy użyłbyś obiektu płótna, svg, jQuery itp.?
Odpowiedzi:
Oto kolejna wersja na płótnie z krzywymi o zmiennej szerokości (w oparciu o prędkość rysowania): demo na http://szimek.github.io/signature_pad i kod na https://github.com/szimek/signature_pad .
Element canvas z pewną ilością JavaScript działałby świetnie.
W rzeczywistości Signature Pad (wtyczka jQuery) już to zaimplementował.
Oto szybko zhakowana wersja tego przy użyciu SVG, którą właśnie zrobiłem. Działa dobrze na moim iPhonie. Działa również w przeglądarce na komputerze stacjonarnym przy użyciu normalnych zdarzeń myszy.
Być może najlepsze dwie technologie przeglądarek do tego celu to Canvas z Flash jako zapasowym.
Wypróbowaliśmy VML w IE jako kopię zapasową dla Canvas, ale był znacznie wolniejszy niż Flash. SVG był wolniejszy niż cała reszta.
W przypadku jSignature ( http://willowsystems.github.com/jSignature/ ) użyliśmy Canvas jako podstawowego, z powrotem do emulatora Canvas opartego na Flash (FlashCanvas) dla IE8 i mniej. Powiedziałbym, że działał dla nas bardzo dobrze.
Wymienione już opcje są bardzo dobre, jednak tutaj jest kilka więcej na ten temat, które zbadałem i znalazłem.
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 /
I jak zawsze możesz zapisać płótno do obrazu:
http://www.html5canvastutorials.com/advanced/html5-canvas-save-drawing-as-an-image/
powodzenia i szczęśliwego podpisywania
Kolejnym polem podpisu OpenSource jest https://github.com/applicius/jquery.signfield/ , zarejestrowana wtyczka jQuery przy użyciu Sketch.js.