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，但是有角度2，只需使用指令

natcohen 于 2017-07-05