Signature_pad: Comment utiliser le pavé de signature avec plusieurs instances de celui-ci sur la même page

Créé le 19 mars 2017 · 2Commentaires · Source: szimek/signature_pad

J'aime onBeginEvent et onEndEvemt et je ne veux pas suivre la méthode JS générale avec l'événement onClick que vous avez dans votre échantillon en utilisant l'élément canvas.

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

Comment créer plusieurs instances de signature pad (3 dans mon cas) en utilisant ionic 2 et angularJS 2

question

Source

simran66

Commentaire le plus utile

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

Dans drawComplete () et drawComplete2 (), vous pouvez obtenir l'image de this.signaturePad.toDataURL () et this.signaturePad2.toDataURL ()

bplogan le 20 sept. 2017

🎉5 👎1 👍1

Tous les 2 commentaires

Je ne connais pas Ionic mais avec angular 2, utilisez simplement des directives

natcohen le 5 juil. 2017