Signature_pad: Cara menggunakan pad tanda tangan dengan beberapa contoh di halaman yang sama

Dibuat pada 19 Mar 2017 · 2Komentar · Sumber: szimek/signature_pad

Saya suka onBeginEvent dan onEndEvemt dan tidak ingin menggunakan JS umum dengan acara onClick yang Anda miliki dalam sampel menggunakan elemen kanvas.

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

Bagaimana cara membuat beberapa instance pad tanda tangan (3 dalam kasus saya) menggunakan ionic 2 dan angularJS 2

question

Sumber

simran66

Komentar yang paling membantu

@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>

Di drawComplete () dan drawComplete2 () Anda bisa mendapatkan gambar dari this.signaturePad.toDataURL () dan this.signaturePad2.toDataURL ()

bplogan pada 20 Sep 2017

🎉5 👎1 👍1

Semua 2 komentar

Saya tidak tahu Ionic tetapi dengan sudut 2, cukup gunakan arahan

natcohen pada 5 Jul 2017