angular的数字签名组件– SignaturePad

angular的数字签名组件– SignaturePad
插件名称 angular-signature-pad
发布时间 2020年7月20日
插件作者 BioPhoton

SignaturePad提供了用于数字签名的组件和实用程序,使您可以基于HTML5画布绘制平滑的签名,并使用可变宽度的贝塞尔曲线插值。

安装:

$ npm install angular-signature-pad --save

用法:

将SignaturePad导入到您的应用程序模块中。

import { AngularSignaturePadModule } from 'angular-signature-pad';

@NgModule({
  imports: [
    ...
    AngularSignaturePadModule.forRoot()
  ]
  ...
})
export class AppModule { }

用作组件。

<signature-pad #sigPad></signature-pad>

<b>value:</b>
<pre>
  {{sigPad.value | json}}
</pre>

<button (click)="sigPad.clear()">清除</button>