999358-ug: Added proper changes.

Author: sameerkhan001

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

@@ -1998,10 +1998,74 @@ This example demonstrates how to access a measurement annotation from a PDF page
 
 Common types of measurement annotations include:
 
-* Line   - Represents a straight distance between two points.
-* Circle - Used to measure circular dimensions.
-* Square - Defines rectangular or square measurements.
-* Angle  - Displays angular measurements between two intersecting lines.
+* Line   - Represents a straight distance between two points.(distance)
+* Circle - Used to measure circular dimensions.(Radius)
+* Square - Defines rectangular or square measurements.(Area)
+* Angle  - Displays angular measurements between two intersecting lines.(degrees)
+
+{% tabs %}
+{% highlight typescript tabtitle="TypeScript" %}
+import {PdfDocument, PdfPage, PdfLineAnnotation, PdfAnnotationLineEndingStyle, PdfLineEndingStyle, PdfAnnotationCaption, PdfLineCaptionType, PdfMeasurementUnit} from '@syncfusion/ej2-pdf';
+
+// Creates a new PDF document
+let document: PdfDocument = new PdfDocument();
+// Adds a new page to the PDF
+let page: PdfPage = document.addPage();
+// Creates a new line annotation.
+let lineAnnotation: PdfLineAnnotation = new PdfLineAnnotation({ x: 80, y: 420 }, { x: 150, y: 420 }, {
+    text: 'Line Annotation',
+    author: 'Syncfusion',
+    color: { r: 255, g: 0, b: 0 },
+    innerColor: { r: 255, g: 255, b: 0 },
+    lineEndingStyle: new PdfAnnotationLineEndingStyle({ begin: PdfLineEndingStyle.circle, end: PdfLineEndingStyle.diamond }),
+    opacity: 0.5,
+    measurementUnit: PdfMeasurementUnit.centimeter
+});
+// Assigns the leader line
+lineAnnotation.leaderExt = 0;
+lineAnnotation.leaderLine = 0;
+// Assigns the line caption type
+lineAnnotation.caption = new PdfAnnotationCaption({ cap: true, type: PdfLineCaptionType.inline });
+// Adds annotation to the page
+page.annotations.add(lineAnnotation);
+// Saves and download the PDF document
+document.save('output.pdf');
+// Destroy the document
+document.destroy();
+
+{% endhighlight %}
+{% highlight javascript tabtitle="JavaScript" %}
+
+// Creates a new PDF document
+var document = new ej.pdf.PdfDocument();
+// Adds a new page to the PDF
+var page = document.addPage();
+// Creates a new line annotation.
+var lineAnnotation = new ej.pdf.PdfLineAnnotation({x:80,y:420},{x:150,y:420},{
+text:'Line Annotation',
+author:'Syncfusion',
+color:{r:255,g:0,b:0},
+innerColor:{r:255,g:255,b:0},
+lineEndingStyle:new ej.pdf.PdfAnnotationLineEndingStyle({begin:ej.pdf.PdfLineEndingStyle.circle,end:ej.pdf.PdfLineEndingStyle.diamond}),
+opacity:0.5,
+measurementUnit: PdfMeasurementUnit.centimeter
+});
+// Assigns the leader line
+lineAnnotation.leaderExt = 0;
+lineAnnotation.leaderLine = 0;
+// Assigns the line caption type
+lineAnnotation.caption = new ej.pdf.PdfAnnotationCaption({cap:true,type:ej.pdf.PdfLineCaptionType.inline});
+// Adds annotation to the page
+page.annotations.add(lineAnnotation);
+// Saves and download the PDF document
+document.save('output.pdf');
+// Destroy the document
+document.destroy();
+
+{% endhighlight %}
+{% endtabs %}
+
+The following code snippet explains how to add a measurement annotation in an existing PDF document.
 
 {% tabs %}
 {% highlight typescript tabtitle="TypeScript" %}
@@ -2174,12 +2238,7 @@ N> Setting `document.flatten = true;` flattens all interactive elements in the P
 
 ## Importing annotations
 
-This example demonstrates how to import annotations into a PDF document using the PdfDocument. `importAnnotations` method. The DataFormat enum specifies the format of the annotation data you are importing or exporting:
-
-* fdf (Forms Data Format): Compact, PDF specific key/value representation.
-* xfdf (XML Forms Data Format): XML-based FDF for wider tool interoperability.
-* json: Human readable and easy to parse in web apps/services.
-* xml: Generic XML structure suitable for systems that prefer XML processing.
+This example demonstrates how to import annotations into a PDF document using the PdfDocument. `importAnnotations` method. The DataFormat enum specifies the format of the annotation data being imported, such as FDF, XFDF, JSON, or XML.
 
 {% tabs %}
 {% highlight typescript tabtitle="TypeScript" %}
@@ -2210,7 +2269,7 @@ pdfDocument.destroy();
 
 ## Exporting annotations
 
-This example demonstrates how to export annotations from a PDF document using the PdfDocument.exportAnnotations method. 
+This example demonstrates how to export annotations from a PDF document using the PdfDocument.exportAnnotations method. The DataFormat enum specifies the format of the annotation data being exported, such as FDF, XFDF, JSON, or XML.
 
 {% tabs %}
 {% highlight typescript tabtitle="TypeScript" %}

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

@@ -34,8 +34,10 @@ image.draw(graphics, { x: 10, y: 10});
 document.save('Output.pdf');
 // Close the document
 document.destroy();
+
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Create a new PDF document
 var document = new ej.pdf.PdfDocument();
 // Add a page
@@ -50,6 +52,7 @@ image.draw(graphics, { x: 10, y: 10 });
 document.save('Output.pdf');
 // Close the document
 document.destroy();
+
 {% endhighlight %}
 {% endtabs %}
 
@@ -75,8 +78,10 @@ image.draw(graphics, { x: 10, y: 10});
 document.save('Output.pdf');
 // Close the document
 document.destroy();
+
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Load an existing PDF document
 var document = new ej.pdf.PdfDocument(data);
 // Access first page
@@ -91,6 +96,7 @@ image.draw(graphics, {x: 10, y: 10});
 document.save('Output.pdf');
 // Close the document
 document.destroy();
+
 {% endhighlight %}
 {% endtabs %}
 
@@ -121,8 +127,10 @@ graphics.restore(state);
 document.save('Output.pdf');
 // Close the document
 document.destroy();
+
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Create a new PDF document
 var document = new ej.pdf.PdfDocument();
 // Add a page
@@ -142,6 +150,7 @@ graphics.restore(state);
 document.save('Output.pdf');
 // Close the document
 document.destroy();
+
 {% endhighlight %}
 {% endtabs %}
 
@@ -177,8 +186,10 @@ graphics.restore(state);
 document.save('Output.pdf');
 // Close the document
 document.destroy();
+
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Create a new PDF document
 var document = new ej.pdf.PdfDocument();
 // Add a page
@@ -203,5 +214,6 @@ graphics.restore(state);
 document.save('Output.pdf');
 // Close the document
 document.destroy();
+
 {% endhighlight %}
 {% endtabs %}

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

@@ -43,8 +43,10 @@ list.draw(page, { x: 0, y: 20, width: 500, height: 700 });
 document.save('output.pdf');
 // Destroy the document
 document.destroy();
+
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Load an existing document
 var document = new ej.pdf.PdfDocument(data);
 // Access the first page
@@ -68,6 +70,7 @@ list.draw(page, { x: 0, y: 20, width: 500, height: 700 });
 document.save('output.pdf');
 // Destroy the document
 document.destroy();
+
 {% endhighlight %}
 {% endtabs %}
 
@@ -104,8 +107,10 @@ list.draw(page, { x: 0, y: 20, width: 500, height: 700 });
 document.save('output.pdf');
 // Destroy the document
 document.destroy();
+
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Load the existing document
 var document = new ej.pdf.PdfDocument(data);
 // Access the first page
@@ -129,5 +134,6 @@ list.draw(page, { x: 0, y: 20, width: 500, height: 700 });
 document.save('output.pdf');
 // Destroy the document
 document.destroy();
+
 {% endhighlight %}
 {% endtabs %}

Document-Processing/PDF/PDF-Library/javascript/Open-and-save-PDF-files.md

@@ -72,11 +72,11 @@ Open an encrypted PDF document using the `PdfDocument` class by providing the co
 {% tabs %}
 {% highlight typescript tabtitle="TypeScript" %}
 // Load an existing PDF document with password
-let document: PdfDocument = new PdfDocument(data, "password");
+let document: PdfDocument = new PdfDocument(data, 'password');
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
 // Load an existing PDF document with password
-var document = new ej.pdf.PdfDocument(data, "password");
+var document = new ej.pdf.PdfDocument(data, 'password');
 {% endhighlight %}
 {% endtabs %}
 

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

@@ -40,6 +40,7 @@ document.save('Output.pdf');
 document.destroy();
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Create a new PDF document
 var document = new ej.pdf.PdfDocument();
 // Create a new PDF page settings instance
@@ -61,65 +62,7 @@ graphics.drawString('Hello World', font, { x: 10, y: 20, width: 100, height: 200
 document.save('Output.pdf');
 // Close the document
 document.destroy();
-{% endhighlight %}
-{% endtabs %}
-
-## Creating sections in a PDF
-
-This example demonstrates how to create a section in a PDF document with custom page settings. It shows how to configure rotation, orientation, margins, and page size using `PdfPageSettings`. The `PdfSection` class is used to apply different page customizations within a single PDF document.
 
-{% tabs %}
-{% highlight typescript tabtitle="TypeScript" %}
-import { PdfDocument, PdfPage, PdfPageSettings, PdfRotationAngle, PdfMargins, PdfPageOrientation, PdfStandardFont, PdfFontFamily, PdfFontStyle, PdfBrush } from '@syncfusion/ej2-pdf';
- 
-// Create a new PDF document
-let document: PdfDocument = new PdfDocument();
-// Create a new PDF page settings with custom options
-let pageSettings = new PdfPageSettings({
-  orientation: PdfPageOrientation.landscape,
-  size: { width: 842, height: 595 },
-  margins: new PdfMargins(40),
-  rotation: PdfRotationAngle.angle90
-});
-// Add a section to the document with the specified settings
-let section: PdfSection = document.addSection(pageSettings);
-// Add a page
-let page: PdfPage = section.addPage();
-// Get graphics from the page
-let graphics: PdfGraphics = page.graphics;
-// Set font
-let font: PdfStandardFont = document.embedFont(PdfFontFamily.helvetica, 10, PdfFontStyle.regular);
-// Draw text
-graphics.drawString('Hello World', font, { x: 10, y: 20, width: 100, height: 200}, new PdfBrush({r: 0, g: 0, b: 255}));
-// Save the document
-document.save('Output.pdf');
-// Close the document
-document.destroy();
-{% endhighlight %}
-{% highlight javascript tabtitle="JavaScript" %}
-// Create a new PDF document
-var document = new ej.pdf.PdfDocument();
-// Create a new PDF page settings with custom options
-let pageSettings = new ej.pdf.PdfPageSettings({
-  orientation: ej.pdf.PdfPageOrientation.landscape,
-  size: { width: 842, height: 595 },
-  margins: new ej.pdf.PdfMargins(40),
-  rotation: ej.pdf.PdfRotationAngle.angle90
-});
-// Add a section to the document with the specified settings
-var section = document.addSection(pageSettings);
-// Add a page
-var page = section.addPage();
-// Get graphics from the page
-var graphics = page.graphics;
-// Set font
-var font = document.embedFont(ej.pdf.PdfFontFamily.helvetica, 10, ej.pdf.PdfFontStyle.regular);
-// Draw text
-graphics.drawString('Hello World', font, { x: 10, y: 20, width: 100, height: 200 }, new ej.pdf.PdfBrush({ r: 0, g: 0, b: 255 }));
-// Save the document
-document.save('Output.pdf');
-// Close the document
-document.destroy();
 {% endhighlight %}
 {% endtabs %}
 
@@ -166,20 +109,14 @@ let language = documentProperties.language;
 let creationDate = documentProperties.creationDate;
 // Gets the modification date of the PDF document
 let modificationDate = documentProperties.modificationDate;
-// Add a page
-let page: PdfPage = document.addPage();
-// Get graphics from the page
-let graphics: PdfGraphics = page.graphics;
-// Set font
-let font: PdfStandardFont = document.embedFont(PdfFontFamily.helvetica, 10, PdfFontStyle.regular);
-// Draw text
-graphics.drawString('Hello World', font, { x: 10, y: 20, width: 100, height: 200}, new PdfBrush({r: 0, g: 0, b: 255}));
 // Save the document
 document.save('Output.pdf');
 // Close the document
 document.destroy();
+
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Create a PDF document
 var document = new ej.pdf.PdfDocument();
 // Set or update document properties
@@ -214,14 +151,6 @@ var language = documentProperties.language;
 var creationDate = documentProperties.creationDate;
 // Gets the modification date of the PDF document
 var modificationDate = documentProperties.modificationDate;
-// Add a page
-var page = document.addPage();
-// Get graphics from the page
-var graphics = page.graphics;
-// Set font
-var font = document.embedFont(ej.pdf.PdfFontFamily.helvetica, 10, ej.pdf.PdfFontStyle.regular);
-// Draw text
-graphics.drawString('Hello World', font, { x: 10, y: 20, width: 100, height: 200 }, new ej.pdf.PdfBrush({ r: 0, g: 0, b: 255 }));
 // Save the document
 document.save('Output.pdf');
 // Close the document
@@ -253,8 +182,10 @@ graphics.drawString('Hello World', font, { x: 10, y: 20, width: 100, height: 200
 document.save('Output.pdf');
 // Close the document
 document.destroy();
+
 {% endhighlight %}
 {% highlight javascript tabtitle="JavaScript" %}
+
 // Create a PDF document
 var document = new ej.pdf.PdfDocument();
 // Disable incremental update to rewrite the entire file
@@ -271,5 +202,6 @@ graphics.drawString('Hello World', font, { x: 10, y: 20, width: 100, height: 200
 document.save('Output.pdf');
 // Close the document
 document.destroy();
+
 {% endhighlight %}
 {% endtabs %}