Signature_pad: 동일한 페이지에서 여러 인스턴스로 서명 패드를 사용하는 방법

에 만든 2017년 03월 19일 · 2코멘트 · 출처: szimek/signature_pad

나는 onBeginEvent 및 onEndEvemt를 좋아하며 캔버스 요소를 사용하여 샘플에있는 onClick 이벤트로 일반적인 JS 방식으로 가고 싶지 않습니다.

  <signature-pad [options]="signaturePadOptions" (onBeginEvent)="drawStart()" (onEndEvent)="drawComplete('shipperSignature')"></signature-pad>

ionic 2 및 angularJS 2를 사용하여 서명 패드의 여러 인스턴스 (내 경우 3)를 생성하는 방법

question

출처

simran66

가장 유용한 댓글

@ViewChild('sigpad1') signaturePad: SignaturePad;
@ViewChild('sigpad2') signaturePad2: SignaturePad;

HTML :
<signature-pad #sigpad1 [options]="signaturePadOptions" (onBeginEvent)="drawStart()" (onEndEvent)="drawComplete()"></signature-pad>

<signature-pad #sigpad2 style="border:1px solid #6995ab" [options]="signaturePadOptions2" (onBeginEvent)="drawStart2()" (onEndEvent)="drawComplete2()"></signature-pad>

drawComplete () 및 drawComplete2 ()에서 this.signaturePad.toDataURL () 및 this.signaturePad2.toDataURL ()에서 이미지를 가져올 수 있습니다.

bplogan 에 2017년 09월 20일

🎉5 👎1 👍1

모든 2 댓글

Ionic은 모르지만 angular 2에서는 단순히 지시문을 사용하십시오.

natcohen 에 2017년 07월 05일