999358-ug: Added feedback changes.

Author: sameerkhan001

Document-Processing/PDF/PDF-Library/javascript/EJ2-images/Helloworld.png

@@ -15,7 +15,7 @@ This example demonstrates how to create a web link annotation in a PDF document
 
 {% tabs %}
 {% highlight typescript tabtitle="TypeScript" %}
-import { PdfDocument, PdfPage, PdfStringFormat, PdfStandardFont, PdfFontFamily, PdfTextWebLinkAnnotation, PdfFontStyle  } from '@syncfusion/ej2-pdf';
+import { PdfDocument, PdfPage, PdfStringFormat, PdfStandardFont, PdfFontFamily, PdfTextWebLinkAnnotation, PdfFontStyle, Size  } from '@syncfusion/ej2-pdf';
 
 // Load an existing PDF document
 let document: PdfDocument = new PdfDocument();

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

@@ -17,7 +17,7 @@ This code demonstrates how to extract embedded images and their metadata from a
 
 {% tabs %}
 {% highlight typescript tabtitle="TypeScript" %}
-import { PdfDocument } from '@syncfusion/ej2-pdf';
+import { PdfDocument, Size } from '@syncfusion/ej2-pdf';
 import { PdfDataExtractor, PdfEmbeddedImage} from '@syncfusion/ej2-pdf-data-extract';
 
 // Load an existing PDF document

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

@@ -70,7 +70,7 @@ let document: PdfDocument = new PdfDocument(data);
 let page: PdfPage = document.getPage(0);
 // Get graphics from the page
 let graphics: PdfGraphics = page.graphics;
-// Load the image (base64 / uint8array)
+// Load the image (base64 / Uint8Array)
 let image: PdfImage = new PdfBitmap('/9j/4AAQSkZJRgABAQEAkACQAAD/4....QB//Z');
 // Draw the image.
 image.draw(graphics, { x: 10, y: 10});

Document-Processing/PDF/PDF-Library/javascript/Image-Extraction.md

@@ -66,7 +66,7 @@ document.destroy();
 // Create a new PDF document
 var document = new ej.pdf.PdfDocument();
 // Define page settings with margins
-var settings = new ej.pdf.PdfPageSettings({margins: new PdfMargins(50)});
+var settings = new ej.pdf.PdfPageSettings({margins: new ej.pdf.PdfMargins(50)});
 // Add a page
 var page = document.addPage(settings);
 // Save the document
@@ -106,9 +106,7 @@ const page1: PdfPage = section1.addPage();
 const g1: PdfGraphics = page1.graphics;
 const rectPen = new PdfPen({ r: 0, g: 0, b: 0 }, 1);      // black 1pt outline
 g1.drawRectangle({ x: 60, y: 80, width: 200, height: 120 }, rectPen);
-// SECTION 1: Second page draw rectangle (A4 landscape)
-const section2: PdfSection = document.addSection(settingsA4Portrait);
-const page2: PdfPage = section2.addPage();
+const page2: PdfPage = section1.addPage();
 const g2: PdfGraphics = page2.graphics;
 g2.drawRectangle({ x: 80, y: 100, width: 250, height: 150 }, rectPen);
 //Prepare font once for text pages
@@ -118,9 +116,9 @@ const font: PdfStandardFont = document.embedFont(
   PdfFontStyle.regular
 );
 const textBrush = new PdfBrush({ r: 0, g: 0, b: 0 }); // black text
-// SECTION 3: Third page draw string (A5 portrait, 30pt margins)
-const section3: PdfSection = document.addSection(settingsA5Portrait);
-const page3: PdfPage = section3.addPage();
+// SECTION 2: Third page draw string (A5 portrait, 30pt margins)
+const section2: PdfSection = document.addSection(settingsA5Portrait);
+const page3: PdfPage = section2.addPage();
 const g3: PdfGraphics = page3.graphics;
 g3.drawString(
   'Hello from A5 Portrait with 30pt margins!',
@@ -129,16 +127,14 @@ g3.drawString(
   textBrush,
   new PdfStringFormat(PdfTextAlignment.left)
 );
-// SECTION 4: Fourth page draw string (A5 portrait, 30pt margins)
-const section4: PdfSection = document.addSection(settingsA5Portrait);
-const page4: PdfPage = section4.addPage();
+const page4: PdfPage = section2.addPage();
 const g4: PdfGraphics = page4.graphics;
 g4.drawString(
   'Hello from A5 Portrait with 30pt margins!',
   font,
   { x: 60, y: 90, width: 400, height: 50 },
   textBrush,
-   new PdfStringFormat(PdfTextAlignment.left)
+new PdfStringFormat(PdfTextAlignment.left)
 );
 // Save the PDF
 document.save('Output.pdf');
@@ -307,7 +303,7 @@ document.destroy();
 {% endhighlight %}
 {% endtabs %}
 
-## Rotating a PDF page
+## Add rotated PDF pages
 
 This example demonstrates how to rotate a PDF page using the `rotation` property of the `PdfPageSettings` class. The property accepts a value from the `PdfRotationAngle` enumeration, such as angle180, to specify the rotation angle applied to the page.
 
@@ -391,7 +387,7 @@ document.destroy();
 {% endhighlight %}
 {% endtabs %}
 
-## Insert a duplicate Page at a specific index
+## Insert a duplicate page at a specific index
 
 Duplicates a page from a source PDF and inserts it into the destination document at the specified index using `PdfPageImportOptions.targetIndex`. This is useful for reusing or cloning content across documents or within the same document.
 

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

@@ -17,6 +17,7 @@ The PDF library allows splitting the pages of an existing PDF document into mult
 {% tabs %}
 {% highlight typescript tabtitle="TypeScript" %}
 import { PdfDocument, PdfDocumentSplitEventArgs} from '@syncfusion/ej2-pdf';
+import { Save } from '@syncfusion/ej2-file-utils';
 
 // Load an existing PDF document
 let document: PdfDocument = new PdfDocument(data);

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

@@ -141,9 +141,22 @@ let document: PdfDocument = new PdfDocument(data);
 let extractor: PdfDataExtractor = new PdfDataExtractor(document);
 // Extract `TextLine` from the PDF document.
 let textLines: Array<TextLine> = extractor.extractTextLines({ startPageIndex: 0, endPageIndex: document.pageCount-1});
+// Iterate through each text line in the collection
 textLines.forEach((textLine: TextLine) => {
-  // Gets the bounds of the text line.
-  let lineBounds: Rectangle = textLine.bounds;
+    // Gets the bounds of the text line.
+    let lineBounds: Rectangle = textLine.bounds;
+    // Gets the single line of extracted text from the PDF page.
+    let line: string = textLine.text;
+    // Gets the page index of the text line extracted.
+    let pageIndex: number = textLine.pageIndex;
+    // Gets the collection of text words extracted from a specified page in a PDF document.
+    let words: TextWord[] = textLine.words;
+    // Gets the name of the font used for a particular line of text.
+    let fontName: string = textLine.fontName;
+    // Gets the font style used for a particular line of text.
+    let fontStyle: PdfFontStyle = textLine.fontStyle;
+    // Gets the font size used for a particular line of text.
+    let fontSize: number = textLine.fontSize;
 });
 // Save the document
 document.save('output.pdf');
@@ -159,9 +172,22 @@ var document = new ej.pdf.PdfDocument(data);
 var extractor = new ej.pdfdataextract.PdfDataExtractor(document);
 // Extract `TextLine` from the PDF document.
 var textLines = extractor.extractTextLines({ startPageIndex: 0, endPageIndex: document.pageCount-1});
+// Iterate through each text line in the collection
 textLines.forEach((textLine) => {
-  // Gets the bounds of the text line.
-  var lineBounds = textLine.bounds;
+    // Gets the bounds of the text line.
+    var lineBounds = textLine.bounds;
+    // Gets the single line of extracted text from the PDF page.
+    var line = textLine.text;
+    // Gets the page index of the text line extracted.
+    var pageIndex = textLine.pageIndex;
+    // Gets the collection of text words extracted from a specified page in a PDF document.
+    var words = textLine.words;
+    // Gets the name of the font used for a particular line of text.
+    var fontName = textLine.fontName;
+    // Gets the font style used for a particular line of text.
+    var fontStyle = textLine.fontStyle;
+    // Gets the font size used for a particular line of text.
+    var fontSize = textLine.fontSize;
 });
 // Save the document
 document.save('output.pdf');

Document-Processing/PDF/PDF-Library/javascript/Split-Documents.md

@@ -67,13 +67,15 @@ let page: PdfPage = document.addPage();
 // Get graphics from the page
 let graphics: PdfGraphics = page.graphics;
 // Save the current graphics state and apply transformations
-graphics.save();
+let state: PdfGraphicsState = graphics.save();
 graphics.translateTransform({ x: 100, y: 50});
 graphics.rotateTransform(45);
 // 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}));
+// Restore the graphics state
+graphics.restore(state);
 // Save the document
 document.save('Output.pdf');
 // Close the document
@@ -87,13 +89,15 @@ var page = document.addPage();
 // Get graphics from the page
 var graphics = page.graphics;
 // Save the current graphics state and apply transformations
-graphics.save();
+var state = graphics.save();
 graphics.translateTransform({ x: 100, y: 50 });
 graphics.rotateTransform(45);
 // 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 }));
+// Restore the graphics state
+graphics.restore(state);
 // Save the document
 document.save('Output.pdf');
 // Close the document
@@ -159,7 +163,7 @@ let document: PdfDocument = new PdfDocument();
 // Add a page
 let page: PdfPage = document.addPage();
 // Set font
-let font: PdfStandardFont = document.embedFont(PdfFontFamily.helvetica, 10);
+let font: PdfStandardFont = document.embedFont(PdfFontFamily.helvetica, 10, PdfFontStyle.regular);
 // Draw text
 page.graphics.drawString('Hello World', font, { x: 10, y: 20, width: 100, height: 200}, new PdfBrush({r: 0, g: 0, b: 255}));
 // Save the document
@@ -173,7 +177,7 @@ var document = new ej.pdf.PdfDocument();
 // Add a page
 var page = document.addPage();
 // Set font
-var font = document.embedFont(ej.pdf.PdfFontFamily.helvetica, 10);
+var font = document.embedFont(ej.pdf.PdfFontFamily.helvetica, 10, ej.pdf.PdfFontStyle.regular);
 // Draw text
 page.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
@@ -233,7 +237,7 @@ let document: PdfDocument = new PdfDocument();
 // Add a page
 let page: PdfPage = document.addPage();
 // Set font
-let font: PdfCjkStandardFont = document.embedFont(PdfCjkFontFamily.heiseiMinchoW3, 10);
+let font: PdfCjkStandardFont = document.embedFont(PdfCjkFontFamily.heiseiMinchoW3, 10, PdfFontStyle.regular);
 // Draw text
 page.graphics.drawString('こんにちは世界', font, { x: 10, y: 20, width: 100, height: 200}, new PdfBrush({r: 0, g: 0, b: 255}));
 // Save the document
@@ -247,7 +251,7 @@ var document = new ej.pdf.PdfDocument();
 // Add a page
 var page = document.addPage();
 // Set font
-var font = document.embedFont(ej.pdf.PdfCjkFontFamily.heiseiMinchoW3, 10);
+var font = document.embedFont(ej.pdf.PdfCjkFontFamily.heiseiMinchoW3, 10, ej.pdf.PdfFontStyle.regular);
 // Draw text
 page.graphics.drawString('こんにちは世界', font, { x: 10, y: 20, width: 100, height: 200 }, new ej.pdf.PdfBrush({ r: 0, g: 0, b: 255 }));
 // Save the document

Document-Processing/PDF/PDF-Library/javascript/Text-Extraction.md

@@ -333,17 +333,23 @@ Remove a watermark annotation from the page's annotation collection using the `P
 {% tabs %}
 {% highlight typescript tabtitle="TypeScript" %}
 import { PdfDocument, PdfPage, PdfAnnotation} from '@syncfusion/ej2-pdf';
-
 // Load an existing PDF document
 let document: PdfDocument = new PdfDocument(data);
-// Access first page
-let page: PdfPage = document.getPage(0);
-// Get the first annotation is a watermark
-let annotation: PdfAnnotation = page.annotations.at(0);
-// Remove an annotation
-page.annotations.remove(annotation);
-// Removes an annotation from the page at the specified index
-page.annotations.removeAt(1);
+// Loop through all pages in the PDF document
+for (let pageIndex = 0; pageIndex < document.pageCount; pageIndex++) {
+  // Get the current page by its index
+  const page: PdfPage = document.getPage(pageIndex);
+  // Iterate through the annotations on the page in reverse order
+  for (let i: number = page.annotations.count - 1; i >= 0; i--) {
+    // Get the annotation at the current index
+    const annotation: PdfAnnotation = page.annotations.at(i);
+    // Check if the annotation is a watermark annotation
+    if (annotation instanceof PdfWatermarkAnnotation) {      
+        // Remove the watermark annotation from the page
+        page.annotations.removeAt(i);
+    }
+  }
+}
 // Save the document
 document.save('output.pdf');
 // Destroy the document
@@ -354,14 +360,21 @@ document.destroy();
 
 // Load an existing PDF document
 var document = new ej.pdf.PdfDocument(data);
-// Access first page
-var page = document.getPage(0);
-// Get the first annotation is a watermark
-var annotation = page.annotations.at(0);
-// Remove an annotation
-page.annotations.remove(annotation);
-// Removes an annotation from the page at the specified index
-page.annotations.removeAt(1);
+// Loop through all pages in the PDF document
+for (var pageIndex = 0; pageIndex < document.pageCount; pageIndex++) {
+  // Get the current page by its index
+  var page = document.getPage(pageIndex);
+  // Iterate through the annotations on the page in reverse order
+  for (var i = page.annotations.count - 1; i >= 0; i--) {
+    // Get the annotation at the current index
+    var annotation = page.annotations.at(i);
+    // Check if the annotation is a watermark annotation
+    if (annotation instanceof ej.pdf.PdfWatermarkAnnotation) {      
+        // Remove the watermark annotation from the page
+        page.annotations.removeAt(i);
+    }
+  }
+}
 // Save the document
 document.save('output.pdf');
 // Destroy the document