Task(1050196): Added contents for newly added features

Document-Processing-toc.html

@@ -3450,6 +3450,7 @@
 							<li><a href="/document-processing/pdf/pdf-library/javascript/Shapes">Shapes</a></li>
 							<li><a href="/document-processing/pdf/pdf-library/javascript/Annotations">Annotations</a></li>
 							<li><a href="/document-processing/pdf/pdf-library/javascript/FormFields">Form Fields</a></li>
+							<li><a href="/document-processing/pdf/pdf-library/javascript/Encryption">Encryption</a></li>
 							<li><a href="/document-processing/pdf/pdf-library/javascript/DigitalSignature">Digital Signature</a></li>
 							<li><a href="/document-processing/pdf/pdf-library/javascript/Bookmarks">Bookmarks</a></li>
 							<li><a href="/document-processing/pdf/pdf-library/javascript/HyperLinks">Hyperlinks</a></li>

Document-Processing/PDF/PDF-Library/javascript/Annotations.md

@@ -1019,6 +1019,296 @@ document.destroy();
 {% endhighlight %}
 {% endtabs %}
 
+## Cloud Border Style Annotation
+
+A cloud border style can be applied to rectangle, polygon, circle, and ellipse annotations in an existing PDF document by using the [PdfBorderEffect](https://ej2.syncfusion.com/documentation/api/pdf/pdfbordereffect) class. Set the `intensity` property to control the intensity of the cloud effect and set the `style` property to `PdfBorderEffectStyle.cloudy`.
+
+### PdfRectangleAnnotation
+
+A cloud border style can be applied to an existing [PdfRectangleAnnotation](https://ej2.syncfusion.com/documentation/api/pdf/pdfrectangleannotation) by using the [PdfBorderEffect](https://ej2.syncfusion.com/documentation/api/pdf/pdfbordereffect) class.
+
+The following code example demonstrates how to apply a cloud border style to an existing rectangle annotation in a PDF document.
+
+{% tabs %}
+{% highlight typescript tabtitle="TypeScript" %}
+
+import {PdfBorderEffect, PdfBorderEffectStyle, PdfDocument, PdfPage, PdfRectangleAnnotation} from '@syncfusion/ej2-pdf';
+
+// Load an existing PDF document
+let document: PdfDocument = new PdfDocument(data, password);
+// Get the first page
+let page: PdfPage = document.getPage(0) as PdfPage;
+// Get the first rectangle annotation of the page
+let annotation: PdfRectangleAnnotation = page.annotations.at(0) as PdfRectangleAnnotation;
+// Initialize a new instance of the `PdfBorderEffect` class
+let borderEffect: PdfBorderEffect = new PdfBorderEffect();
+// Set the intensity of the annotation border
+borderEffect.intensity = 2;
+// Set the cloud style of the annotation border
+borderEffect.style = PdfBorderEffectStyle.cloudy;
+// Set the border effect to the annotation
+annotation.borderEffect = borderEffect;
+// Save the document
+document.save('Output.pdf');
+// Destroy the document
+document.destroy();
+
+{% endhighlight %}
+{% highlight javascript tabtitle="JavaScript" %}
+
+// Load an existing PDF document
+var document = new ej.pdf.PdfDocument(data, password);
+// Get the first page
+var page = document.getPage(0);
+// Get the first rectangle annotation of the page
+var annotation = page.annotations.at(0);
+// Initialize a new instance of the PdfBorderEffect class
+var borderEffect = new ej.pdf.PdfBorderEffect();
+// Set the intensity of the annotation border
+borderEffect.intensity = 2;
+// Set the cloud style of the annotation border
+borderEffect.style = ej.pdf.PdfBorderEffectStyle.cloudy;
+// Set the border effect to the annotation
+annotation.borderEffect = borderEffect;
+// Save the document
+document.save('Output.pdf');
+// Destroy the document
+document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+### PdfPolygonAnnotation
+
+A cloud border style can be applied to an existing [PdfPolygonAnnotation](https://ej2.syncfusion.com/documentation/api/pdf/pdfpolygonannotation) by using the [PdfBorderEffect](https://ej2.syncfusion.com/documentation/api/pdf/pdfbordereffect) class.
+
+The following code example demonstrates how to apply a cloud border style to an existing polygon annotation in a PDF document.
+
+{% tabs %}
+{% highlight typescript tabtitle="TypeScript" %}
+
+import {PdfBorderEffect, PdfBorderEffectStyle, PdfDocument, PdfPage, PdfPolygonAnnotation} from '@syncfusion/ej2-pdf';
+
+// Load an existing PDF document
+let document: PdfDocument = new PdfDocument(data, password);
+// Get the first page
+let page: PdfPage = document.getPage(0) as PdfPage;
+// Get the first polygon annotation of the page
+let annotation: PdfPolygonAnnotation = page.annotations.at(0) as PdfPolygonAnnotation;
+// Initialize a new instance of the `PdfBorderEffect` class
+let borderEffect: PdfBorderEffect = new PdfBorderEffect();
+// Set the intensity of the annotation border
+borderEffect.intensity = 2;
+// Set the cloud style of the annotation border
+borderEffect.style = PdfBorderEffectStyle.cloudy;
+// Set the border effect to the annotation
+annotation.borderEffect = borderEffect;
+// Save the document
+document.save('Output.pdf');
+// Destroy the document
+document.destroy();
+
+{% endhighlight %}
+{% highlight javascript tabtitle="JavaScript" %}
+
+// Load an existing PDF document
+var document = new ej.pdf.PdfDocument(data, password);
+// Get the first page
+var page = document.getPage(0);
+// Get the first polygon annotation of the page
+var annotation = page.annotations.at(0);
+// Initialize a new instance of the PdfBorderEffect class
+var borderEffect = new ej.pdf.PdfBorderEffect();
+// Set the intensity of the annotation border
+borderEffect.intensity = 2;
+// Set the cloud style of the annotation border
+borderEffect.style = ej.pdf.PdfBorderEffectStyle.cloudy;
+// Set the border effect to the annotation
+annotation.borderEffect = borderEffect;
+// Save the document
+document.save('Output.pdf');
+// Destroy the document
+document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+### PdfCircleAnnotation
+
+A cloud border style can be applied to an existing [PdfCircleAnnotation](https://ej2.syncfusion.com/documentation/api/pdf/pdfcircleannotation) by using the [PdfBorderEffect](https://ej2.syncfusion.com/documentation/api/pdf/pdfbordereffect) class.
+
+The following code example demonstrates how to apply a cloud border style to an existing circle annotation in a PDF document.
+
+{% tabs %}
+{% highlight typescript tabtitle="TypeScript" %}
+
+import {PdfBorderEffect, PdfBorderEffectStyle, PdfCircleAnnotation, PdfDocument, PdfPage} from '@syncfusion/ej2-pdf';
+
+// Load an existing PDF document
+let document: PdfDocument = new PdfDocument(data, password);
+// Get the first page
+let page: PdfPage = document.getPage(0) as PdfPage;
+// Get the first circle annotation of the page
+let annotation: PdfCircleAnnotation = page.annotations.at(0) as PdfCircleAnnotation;
+// Initialize a new instance of the `PdfBorderEffect` class
+let borderEffect: PdfBorderEffect = new PdfBorderEffect();
+// Set the intensity of the annotation border
+borderEffect.intensity = 2;
+// Set the cloud style of the annotation border
+borderEffect.style = PdfBorderEffectStyle.cloudy;
+// Set the border effect to the annotation
+annotation.borderEffect = borderEffect;
+// Generate the annotation appearance
+annotation.setAppearance(true);
+// Save the document
+document.save('Output.pdf');
+// Destroy the document
+document.destroy();
+
+{% endhighlight %}
+{% highlight javascript tabtitle="JavaScript" %}
+
+// Load an existing PDF document
+var document = new ej.pdf.PdfDocument(data, password);
+// Get the first page
+var page = document.getPage(0);
+// Get the first circle annotation of the page
+var annotation = page.annotations.at(0);
+// Initialize a new instance of the PdfBorderEffect class
+var borderEffect = new ej.pdf.PdfBorderEffect();
+// Set the intensity of the annotation border
+borderEffect.intensity = 2;
+// Set the cloud style of the annotation border
+borderEffect.style = ej.pdf.PdfBorderEffectStyle.cloudy;
+// Set the border effect to the annotation
+annotation.borderEffect = borderEffect;
+// Generate the annotation appearance
+annotation.setAppearance(true);
+// Save the document
+document.save('Output.pdf');
+// Destroy the document
+document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+### PdfEllipseAnnotation
+
+A cloud border style can be applied to an existing [PdfEllipseAnnotation](https://ej2.syncfusion.com/documentation/api/pdf/pdfellipseannotation) by using the [PdfBorderEffect](https://ej2.syncfusion.com/documentation/api/pdf/pdfbordereffect) class.
+
+The following code example demonstrates how to apply a cloud border style to an existing ellipse annotation in a PDF document.
+
+{% tabs %}
+{% highlight typescript tabtitle="TypeScript" %}
+
+import {PdfBorderEffect, PdfBorderEffectStyle, PdfDocument, PdfEllipseAnnotation, PdfPage} from '@syncfusion/ej2-pdf';
+
+// Load an existing PDF document
+let document: PdfDocument = new PdfDocument(data, password);
+// Get the first page
+let page: PdfPage = document.getPage(0) as PdfPage;
+// Get the first ellipse annotation of the page
+let annotation: PdfEllipseAnnotation = page.annotations.at(0) as PdfEllipseAnnotation;
+// Initialize a new instance of the `PdfBorderEffect` class
+let borderEffect: PdfBorderEffect = new PdfBorderEffect();
+// Set the intensity of the annotation border
+borderEffect.intensity = 2;
+// Set the cloud style of the annotation border
+borderEffect.style = PdfBorderEffectStyle.cloudy;
+// Set the border effect to the annotation
+annotation.borderEffect = borderEffect;
+// Generate the annotation appearance
+annotation.setAppearance(true);
+// Save the document
+document.save('Output.pdf');
+// Destroy the document
+document.destroy();
+
+{% endhighlight %}
+{% highlight javascript tabtitle="JavaScript" %}
+
+// Load an existing PDF document
+var document = new ej.pdf.PdfDocument(data, password);
+// Get the first page
+var page = document.getPage(0);
+// Get the first ellipse annotation of the page
+var annotation = page.annotations.at(0);
+// Initialize a new instance of the PdfBorderEffect class
+var borderEffect = new ej.pdf.PdfBorderEffect();
+// Set the intensity of the annotation border
+borderEffect.intensity = 2;
+// Set the cloud style of the annotation border
+borderEffect.style = ej.pdf.PdfBorderEffectStyle.cloudy;
+// Set the border effect to the annotation
+annotation.borderEffect = borderEffect;
+// Generate the annotation appearance
+annotation.setAppearance(true);
+// Save the document
+document.save('Output.pdf');
+// Destroy the document
+document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+### PdfFreeTextAnnotation
+
+A cloud border style can be applied to an existing [PdfFreeTextAnnotation](https://ej2.syncfusion.com/documentation/api/pdf/pdffreetextannotation) by using the [PdfBorderEffect](https://ej2.syncfusion.com/documentation/api/pdf/pdfbordereffect) class.
+
+The following code example demonstrates how to apply a cloud border style to an existing free text annotation in a PDF document.
+
+{% tabs %}
+{% highlight typescript tabtitle="TypeScript" %}
+
+import { PdfBorderEffect, PdfBorderEffectStyle, PdfDocument, PdfFreeTextAnnotation, PdfPage } from '@syncfusion/ej2-pdf';
+
+// Load an existing PDF document
+let document: PdfDocument = new PdfDocument(data, password);
+// Get the first page
+let page: PdfPage = document.getPage(0) as PdfPage;
+// Get the first free text annotation of the page
+let annotation: PdfFreeTextAnnotation = page.annotations.at(0) as PdfFreeTextAnnotation;
+// Initialize a new instance of the `PdfBorderEffect` class
+let borderEffect: PdfBorderEffect = new PdfBorderEffect();
+// Set the intensity of the annotation border
+borderEffect.intensity = 2;
+// Set the cloud style of the annotation border
+borderEffect.style = PdfBorderEffectStyle.cloudy;
+// Set the border effect to the annotation
+annotation.borderEffect = borderEffect;
+// Generate the annotation appearance
+annotation.setAppearance(true);
+// Save the document
+document.save('Output.pdf');
+// Destroy the document
+document.destroy();
+
+{% endhighlight %}
+{% highlight javascript tabtitle="JavaScript" %}
+
+// Load an existing PDF document
+var document = new ej.pdf.PdfDocument(data, password);
+// Get the first page
+var page = document.getPage(0);
+// Get the first free text annotation of the page
+var annotation = page.annotations.at(0);
+// Initialize a new instance of the PdfBorderEffect class
+var borderEffect = new ej.pdf.PdfBorderEffect();
+// Set the intensity of the annotation border
+borderEffect.intensity = 2;
+// Set the cloud style of the annotation border
+borderEffect.style = ej.pdf.PdfBorderEffectStyle.cloudy;
+// Set the border effect to the annotation
+annotation.borderEffect = borderEffect;
+// Generate the annotation appearance
+annotation.setAppearance(true);
+// Save the document
+document.save('Output.pdf');
+// Destroy the document
+document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
 
 ## Custom appearance in stamp annotation