Signature_pad: So verwenden Sie das Signaturfeld mit mehreren Instanzen auf derselben Seite
Ich mag onBeginEvent und onEndEvemt und möchte mit dem onClick-Ereignis, das Sie in Ihrem Beispiel mit dem Canvas-Element haben, nicht den allgemeinen JS-Weg gehen.
<signature-pad [options]="signaturePadOptions" (onBeginEvent)="drawStart()" (onEndEvent)="drawComplete('shipperSignature')"></signature-pad>
Wie erstelle ich mehrere Instanzen des Signaturpads (in meinem Fall 3) mit ionic 2 und angleJS 2?
simran66
Alle 2 Kommentare
Ich kenne Ionic nicht, aber mit Winkel 2 verwenden Sie einfach Direktiven
natcohen
am 5. Juli 2017
@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>
In drawComplete () und drawComplete2 () können Sie das Bild von this.signaturePad.toDataURL () und this.signaturePad2.toDataURL () abrufen.
bplogan
am 20. Sept. 2017
Verwandte Themen
khawye
·
4Kommentare
Emmark
·
4Kommentare
kevinchung1026
·
5Kommentare
chenks
·
7Kommentare
rmmackay
·
7Kommentare
Hilfreichster Kommentar
@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>In drawComplete () und drawComplete2 () können Sie das Bild von this.signaturePad.toDataURL () und this.signaturePad2.toDataURL () abrufen.