我正在使用angular2-signaturepad库在我的 Angular 项目中处理签名。这是我的代码:
签名.module.ts
import { NgModule } from '@angular/core';
import { IonicPageModule } from 'ionic-angular';
import { SignaturePage } from './signature';
import { SignaturePadModule } from 'angular2-signaturepad';
@NgModule({
declarations: [
AssinarPage,
],
imports: [
IonicPageModule.forChild(AssinarPage),
SignaturePadModule
],
})
export class SignaturePageModule {}
签名.ts
export class SignaturePage {
@ViewChild(SignaturePad) private signaturePad : SignaturePad;
signaturePadOptions = {
minWidth: 0.4,
maxWidth: 1.5,
dotSize: 1.5,
penColor: "DarkBlue",
/* INVERSE BECAUSE IT IS SHOW ONLY IN LANDSCAPE */
canvasWidth: platform.height(),
canvasHeight: platform.width() + 30
}
drawComplete () {
if (this.signaturePad.isEmpty()) {
return this.alertService.showError('Sign first.');
}
this.signatureImage = this.signaturePad.toDataURL();
}
drawClear () {
this.signaturePad.clear();
}
签名.html
<signature-pad [options]="signaturePadOptions" id="signatureCanvas" drag-content="false" ></signature-pad>
我在这个链接中看到了这个库的现场演示,它在这里工作得很好。但是在我的项目中,签名没有跟随光标。
是否需要更改任何配置,以便签名跟随签名板中的光标?