|
In
app.component.html file :
<div class="control-section">
<div class="content-wrapper">
<ejs-pdfviewer
#pdfviewer
id="pdfViewer"
[serviceUrl]="service"
[documentPath]="document"
style="height:640px;display:block"
(documentLoad)="documentLoad($event)"
[handWrittenSignatureSettings]="handWrittenSignatureSettings"
>
</ejs-pdfviewer>
</div>
</div>
In app.component.ts
file :
import { DisplayMode } from '@syncfusion/ej2-pdfviewer';
export class AppComponent {
@ViewChild('pdfviewer')
public pdfviewerControl: PdfViewerComponent;
public service: string =
'https://ej2services.syncfusion.com/production/web-services/api/pdfviewer';
public document: string = 'PDF_Succinctly.pdf';
public handWrittenSignatureSettings = {
signatureItem: ['Signature'],
signatureDialogSettings: {
displayMode: DisplayMode.Draw | DisplayMode.Text | DisplayMode.Upload,
hideSaveSignature: false,
},
initialDialogSettings: {
displayMode: DisplayMode.Draw | DisplayMode.Text | DisplayMode.Upload,
hideSaveSignature: false,
},
};
ngOnInit(): void {
// ngOnInit function
}
public documentLoad(e: LoadEventArgs): void {
this.pdfviewerControl.annotationModule.setAnnotationMode(
'HandWrittenSignature'
);
}
}
|
