Signature_pad: Cómo usar el panel de firmas con múltiples instancias en la misma página
Me gusta onBeginEvent y onEndEvemt y no quiero seguir el camino JS general con el evento onClick que tiene en su muestra usando el elemento canvas.
<signature-pad [options]="signaturePadOptions" (onBeginEvent)="drawStart()" (onEndEvent)="drawComplete('shipperSignature')"></signature-pad>
¿Cómo creo una instancia múltiple de la almohadilla de firma (3 en mi caso) usando ionic 2 y angularJS 2?
simran66
Todos 2 comentarios
No sé Ionic pero con angular 2, simplemente use directivas
natcohen
en 5 jul. 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>
En drawComplete () y drawComplete2 () puede obtener la imagen de this.signaturePad.toDataURL () y this.signaturePad2.toDataURL ()
bplogan
en 20 sept. 2017
Temas relacionados
siggifv
·
3Comentarios
hostcia
·
6Comentarios
khawye
·
4Comentarios
c2ofh
·
7Comentarios
Zuldra
·
4Comentarios
Comentario más útil
@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>En drawComplete () y drawComplete2 () puede obtener la imagen de this.signaturePad.toDataURL () y this.signaturePad2.toDataURL ()