HTML5 및 iPad를 사용하여 서명 캡처

아무도 이것이 어떻게 이루어질 수 있는지 알고 있습니까? 캔버스 객체, svg, jQuery 등을 사용 하시겠습니까?

다음은 가변 폭 (도면 속도 기준) 곡선이있는 또 다른 캔버스 기반 버전입니다 . http://szimek.github.io/signature_pad의 데모 및 https://github.com/szimek/signature_pad의 코드 입니다.

JavaScript가있는 캔버스 요소는 훌륭하게 작동합니다.

실제로 서명 패드 (jQuery 플러그인)에는 이미 구현되어 있습니다.

다음은 이 사용 SVG의 신속 해킹 버전 난 그냥했다가. 내 iPhone에서 잘 작동합니다. 일반 마우스 이벤트를 사용하는 데스크탑 브라우저에서도 작동합니다.

아마도이를위한 최고의 두 가지 브라우저 기술은 Canvas이며 Flash는 백업입니다.

우리는 IE의 VML을 Canvas 백업으로 시도했지만 Flash보다 훨씬 느 렸습니다. SVG는 나머지 모든 것보다 느 렸습니다.

jSignature ( http://willowsystems.github.com/jSignature/ )에서는 Canvas를 기본으로 사용했으며 IE8 이하의 Flash 기반 Canvas 에뮬레이터 (FlashCanvas)로 대체되었습니다. Id 'say는 우리에게 아주 잘 작동했습니다.

이미 나열된 옵션은 매우 훌륭하지만 여기에서 내가 조사하고 살펴본 주제에 대해 몇 가지 더 설명합니다.

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/

행운과 행복한 서명

또 다른 오픈 소스 서명 필드는 https://github.com/applicius/jquery.signfield/ Sketch.js를 사용하여 플러그인 jQuery를 등록.