diff --git a/angularjs/PdfViewer/Handwritten-Signature.md b/angularjs/PdfViewer/Handwritten-Signature.md index 6b3c5965..f3abe33f 100644 --- a/angularjs/PdfViewer/Handwritten-Signature.md +++ b/angularjs/PdfViewer/Handwritten-Signature.md @@ -1,13 +1,13 @@ --- -title: Hand written signature in PDF viewer component. -description: Hand written signature in PDF viewer component. +title: Hand written signature in AngularJS PDF Viewer Control | Syncfusion +description: Learn here about Hand written signature in Syncfusion Essential AngularJS PDF Viewer Control, its elements, and more. platform: AngularJS control: PDF viewer documentation: ug keywords: ejPdfViewer, PDF viewer, js pdfviewer --- -## Handwritten Signature +# Handwritten Signature in AngularJS PDF Viewer We have provided the support for adding handwritten signature into the PDF document. The handwritten signature support reduces the paper work of reviewing the content and verify it digitally. @@ -50,11 +50,11 @@ angular.module('syncApp', ['ejangular']).controller('PDFViewerController', funct The handwritten signature can be added by drawing the signature content in the signature panel and on clicking the button labeled ADD, the signature will be added in the PDF documents. The following screenshots are pictorial representation of this. -![](Signature_images/Signature_img1.png) +![AngularJS PDF Viewer Signature](Signature_images/Signature_img1.png) -![](Signature_images/Signature_img2.png) +![AngularJS PDF Viewer handwritten Signature](Signature_images/Signature_img2.png) -![](Signature_images/Signature_img3.png) +![AngularJS PDF Viewer Move Resize and Delete the Handwritten Signature](Signature_images/Signature_img3.png) **Move, Resize and Delete the Handwritten Signature** @@ -62,29 +62,29 @@ The handwritten signature content can be moved to the specified location within The selected handwritten signature content can be deleted using the "Delete" option in the context menu or delete key. The following screenshots are pictorial representation of this. -![](Signature_images/Signature_img4.png) +![AngularJS PDF Viewer Delete option](Signature_images/Signature_img4.png) **Changing Handwritten Signature properties** The properties (i.e. opacity and color) of a handwritten signature can be modified by color palate and opacity slider which is available in the “Properties" option in context menu. The following screenshots are pictorial representation of this. -![](Signature_images/Signature_img5.png) +![AngularJS PDF Viewer Properties](Signature_images/Signature_img5.png) Select the desired color from the color palette and then click on OK button. -![](Signature_images/Signature_img6.png) +![AngularJS PDF Viewer desired color](Signature_images/Signature_img6.png) The selected color will be updated on the signature. -![](Signature_images/Signature_img7.png) +![AngularJS PDF Viewer updated signature](Signature_images/Signature_img7.png) You can also change the opacity of the added signature in the "properties" option. -![](Signature_images/Signature_img8.png) +![AngularJS PDF Viewer added signature](Signature_images/Signature_img8.png) **Saving the Signature** The added signature can be saved to the PDF document and can be downloaded by clicking the download button in the toolbar. This action will not affect the original document -![](Signature_images/Signature_img9.png) +![AngularJS PDF Viewer Saving the Signature](Signature_images/Signature_img9.png) diff --git a/angularjs/PdfViewer/Text-Markup-Annotation.md b/angularjs/PdfViewer/Text-Markup-Annotation.md index 60861af1..f072d686 100644 --- a/angularjs/PdfViewer/Text-Markup-Annotation.md +++ b/angularjs/PdfViewer/Text-Markup-Annotation.md @@ -1,18 +1,18 @@ --- -title: Text markup annotation of PDF viewer component. -description: Text markup annotation of PDF viewer component. +title: Text markup annotation in AngularJS PDF Viewer Control | Syncfusion +description: Learn here about Text markup annotation in Syncfusion Essential AngularJS PDF Viewer Control, its elements, and more. platform: AngularJS control: PDF viewer documentation: ug keywords: ejPdfViewer, PDF viewer, js pdfviewer --- -## Text Markup Annotation +# Text Markup Annotation in AngularJS PDF Viewer PDF viewer control supports adding text markup annotations in the PDF documents. The component also renders the existing text markup annotations from the PDF document when the document is loaded in it. The following screenshot shows PDF viewer with the PDF document containing text markup annotations. -![](Text-Markup-Annotation_images/Text_Markup_Annotations_img1.png) +![AngularJS PDF Viewer text markup annotations](Text-Markup-Annotation_images/Text_Markup_Annotations_img1.png) **Adding text markup annotations** @@ -55,21 +55,21 @@ angular.module('syncApp', ['ejangular']).controller('PDFViewerController', funct The colorpicker control is provided in the text markup annotation tools to select the desired color for the text markup annotation to be added in the document. -![](Text-Markup-Annotation_images/Text_Markup_Annotations_img2.png) +![AngularJS PDF Viewer Adding text markup annotations](Text-Markup-Annotation_images/Text_Markup_Annotations_img2.png) **Adding notes to the text markup annotation** The notes can be added to the text markup annotations using the context menu provided in the PDF viewer component. The below screenshot shows that the notes have been added to a text markup annotation in the PDF document. -![](Text-Markup-Annotation_images/Text_Markup_Annotations_img3.png) +![AngularJS PDF Viewer Adding notes to the text markup annotation](Text-Markup-Annotation_images/Text_Markup_Annotations_img3.png) **Editing the text markup annotation** The properties of the text markup annotations in the PDF document can be edited using the properties window provided in the PDF viewer component. The color, opacity, author and subject of the text markup annotation can be modified. The properties of the text markup annotation can also be locked using the locked checkbox in the properties window. The below screenshot shows the properties window used for editing the properties of a text markup annotation. -![](Text-Markup-Annotation_images/Text_Markup_Annotations_img4.png) +![AngularJS PDF Viewer Editing the text markup annotation](Text-Markup-Annotation_images/Text_Markup_Annotations_img4.png) The text markup annotation in the PDF document can also be deleted from the PDF document. diff --git a/angularjs/PdfViewer/Text-Markup-Annotation_images/Text_Markup_Annotations_img1.png b/angularjs/PdfViewer/Text-Markup-Annotation_images/Text_Markup_Annotations_img1.png index edd11344..08abaf7e 100644 Binary files a/angularjs/PdfViewer/Text-Markup-Annotation_images/Text_Markup_Annotations_img1.png and b/angularjs/PdfViewer/Text-Markup-Annotation_images/Text_Markup_Annotations_img1.png differ diff --git a/angularjs/PdfViewer/Text-Markup-Annotation_images/Text_Markup_Annotations_img2.png b/angularjs/PdfViewer/Text-Markup-Annotation_images/Text_Markup_Annotations_img2.png index 3c7cfeee..a6d52f3c 100644 Binary files a/angularjs/PdfViewer/Text-Markup-Annotation_images/Text_Markup_Annotations_img2.png and b/angularjs/PdfViewer/Text-Markup-Annotation_images/Text_Markup_Annotations_img2.png differ diff --git a/angularjs/PdfViewer/Text-Markup-Annotation_images/Text_Markup_Annotations_img3.png b/angularjs/PdfViewer/Text-Markup-Annotation_images/Text_Markup_Annotations_img3.png index d0181270..0c52c736 100644 Binary files a/angularjs/PdfViewer/Text-Markup-Annotation_images/Text_Markup_Annotations_img3.png and b/angularjs/PdfViewer/Text-Markup-Annotation_images/Text_Markup_Annotations_img3.png differ diff --git a/angularjs/PdfViewer/Text-Markup-Annotation_images/Text_Markup_Annotations_img4.png b/angularjs/PdfViewer/Text-Markup-Annotation_images/Text_Markup_Annotations_img4.png index dde9ac2d..90794fde 100644 Binary files a/angularjs/PdfViewer/Text-Markup-Annotation_images/Text_Markup_Annotations_img4.png and b/angularjs/PdfViewer/Text-Markup-Annotation_images/Text_Markup_Annotations_img4.png differ