\ No newline at end of file
diff --git a/_includes/sidelist-apis.html b/_includes/sidelist-apis.html
index 77e0434..5bebd70 100644
--- a/_includes/sidelist-apis.html
+++ b/_includes/sidelist-apis.html
@@ -29,6 +29,7 @@
diff --git a/_v3.2.1/api/class/annotation/ellipse.md b/_v3.2.1/api/class/annotation/ellipse.md
new file mode 100644
index 0000000..2c47a2f
--- /dev/null
+++ b/_v3.2.1/api/class/annotation/ellipse.md
@@ -0,0 +1,209 @@
+---
+layout: default-layout
+needAutoGenerateSidebar: true
+needGenerateH3Content: true
+noTitleIndex: true
+title: Dynamsoft Document Viewer API Reference - Ellipse Class
+keywords: Documentation, Dynamsoft Document Viewer, API Reference, Ellipse Class
+breadcrumbText: Ellipse Class
+description: Dynamsoft Document Viewer Documentation API Reference Ellipse Class Page
+
+---
+
+# Ellipse Class
+
+
+## API Index
+
+| API Name | Description |
+| --------------------------------------- | ------------------------------------------------------------------------------------------- |
+| [`uid`](#uid) | Return the uid of the annotation. |
+| [`pageUid`](#pageuid) | Return the uid of the page where the annotation is located. |
+| [`source`](#source) | Return the source of the annotation. |
+| [`type`](#type) | Return the type of the annotation |
+| [`creationDate`](#creationdate) | Return the creation date of the annotation. |
+| [`flattened`](#flattened) | Flattens the annotation onto the image layer, or inspect if the annotation is flattened. |
+| [`modificationDate`](#modificationdate) | Return the modification date of the annotation. |
+| [`getOptions()`](#getoptions) | Get the annotation options. |
+| [`updateOptions()`](#updateoptions) | Update the annotation options. |
+
+## uid
+
+Return the uid of the annotation.
+
+**Syntax**
+
+```typescript
+readonly uid: string;
+```
+
+{% comment %}
+**Remark**
+
+- It will return `''`, if the annotation is deleted.
+{% endcomment %}
+
+## pageUid
+
+Return the uid of the page where the annotation is located.
+
+**Syntax**
+
+```typescript
+readonly pageUid: string;
+```
+
+**Remark**
+
+- It will return `''`, if the annotation is deleted.
+
+{% comment %}
+## aabb
+
+Return Axis-aligned bounding box of the annotation.
+
+**Syntax**
+
+```typescript
+readonly aabb: Rect;
+```
+
+**Remark**
+
+
+
+{% endcomment %}
+
+## source
+
+Return the source of the annotation. Possible values:
+
+* user: the annotation is created by the user's action
+* file: the annotation is created from a PDF file
+* api: the annotation is created with code
+
+**Remark**
+
+It will return `''`, if the annotation is deleted.
+
+## type
+
+Return the type of the annotation: `ellipse`.
+
+All annotation types:
+
+```ts
+"rectangle" | "ellipse" | "line" | "polygon" | "polyline" | "ink" | "textBox" | "textTypewriter" | "stamp" | "highlight" | "underline" | "strikeout" | "incomplete" | "unknown"
+```
+
+## creationDate
+
+Return the creation date of the annotation.
+
+**Syntax**
+
+```typescript
+readonly creationDate: string;
+```
+
+**Remark**
+
+- The string would be `D:YYYYMMDDHHmmSSOHH'mm'`, like `D:20230101085959-08'00'`.
+
+{% comment %}
+- It will return `''`, if the annotation is deleted.
+{% endcomment %}
+
+## flattened
+
+Flattens the annotation onto the image layer, or inspect if the annotation is flattened.
+
+**Syntax**
+
+```typescript
+flattened: boolean; //Default value is `false`.
+```
+
+**Remark**
+
+Flattened annotations move below all unflattened annotations on the page, and are stacked amongst themselves accordingly.
+
+Flattened annotations become part of the page layer upon file export and cease to be annotations.
+
+## modificationDate
+
+Return the modification date of the annotation.
+
+**Syntax**
+
+```typescript
+readonly modificationDate: string;
+```
+
+**Remark**
+
+- The string would be `D:YYYYMMDDHHmmSSOHH'mm'`, like `D:20230101085959-08'00'`.
+- It will return `''`, if the annotation is deleted.
+- If the annotation is created but not be modified after adding, it equals to [`creationDate`](#creationdate).
+
+## getOptions()
+
+Get the annotation options.
+
+**Syntax**
+
+```typescript
+getOptions(): EllipseAnnotationOptions;
+```
+
+**Return value**
+
+The object of ellipse annotation options. Please refer to [`EllipseAnnotationOptions`]({{ site.api }}interface/annotationinterface/ellipseannotationoptions.html).
+
+**Code Snippet**
+
+```typescript
+// Given that editViewer is an existing instance of EditViewer and a document is currently open.
+const pageUid = editViewer.indexToUid(0);
+const ellipse = Dynamsoft.DDV.annotationManager.createAnnotation(pageUid, "ellipse"); // Create a default Ellipse annotation instance.
+const ellipseOptions = ellipse.getOptions();
+```
+
+## updateOptions()
+
+Update the annotation options.
+
+**Syntax**
+
+```typescript
+updateOptions(ellipseAnnotationOptions: EllipseAnnotationOptions): boolean;
+```
+
+**Parameters**
+
+`ellipseAnnotationOptions`: The new ellipse annotation options. Please refer to [`EllipseAnnotationOptions`]({{ site.api }}interface/annotationinterface/ellipseannotationoptions.html).
+
+**Return value**
+
+`true`: Successfully.
+
+`false`: Failed.
+
+**Code Snippet**
+
+```typescript
+// Given that editViewer is an existing instance of EditViewer and a document is currently open.
+const pageUid = editViewer.indexToUid(0);
+const ellipse = Dynamsoft.DDV.annotationManager.createAnnotation(pageUid, "ellipse"); // Create a default Ellipse annotation instance.
+const ellipseOptions = {
+ background: "red",
+};
+ellipse.updateOptions(ellipseOptions); // Update the background of the ellipse to red.
+```
+
+**Warning**
+
+ Error Code | Error Message | API Return Value
+--------|-----------------------------------------------------|----------------------
+ -80100 | *XXX(API)*: *XXX(ParameterName)* is invalid. | `false`
+ -80102 | *XXX(API)*: *XXX(ParameterName)* is missing. | `false`
diff --git a/_v3.2.1/api/class/annotation/highlight.md b/_v3.2.1/api/class/annotation/highlight.md
new file mode 100644
index 0000000..5eaa7fc
--- /dev/null
+++ b/_v3.2.1/api/class/annotation/highlight.md
@@ -0,0 +1,198 @@
+---
+layout: default-layout
+needAutoGenerateSidebar: true
+needGenerateH3Content: true
+noTitleIndex: true
+title: Dynamsoft Document Viewer API Reference - Highlight Class
+keywords: Documentation, Dynamsoft Document Viewer, API Reference, Highlight Class
+breadcrumbText: Highlight Class
+description: Dynamsoft Document Viewer Documentation API Reference Highlight Class Page
+---
+
+# Highlight Class
+
+## API Index
+
+| API Name | Description |
+| --------------------------------------- | ------------------------------------------------------------------------------------------- |
+| [`uid`](#uid) | Return the uid of the annotation. |
+| [`pageUid`](#pageuid) | Return the uid of the page where the annotation is located. |
+| [`source`](#source) | Return the source of the annotation. |
+| [`type`](#type) | Return the type of the annotation |
+| [`creationDate`](#creationdate) | Return the creation date of the annotation. |
+| [`flattened`](#flattened) | Flattens the annotation onto the image layer, or inspect if the annotation is flattened. |
+| [`modificationDate`](#modificationdate) | Return the modification date of the annotation. |
+| [`getOptions()`](#getoptions) | Get the annotation options. |
+| [`updateOptions()`](#updateoptions) | Update the annotation options. |
+
+## uid
+
+Return the uid of the annotation.
+
+**Syntax**
+
+```typescript
+readonly uid: string;
+```
+
+## pageUid
+
+Return the uid of the page where the annotation is located.
+
+**Syntax**
+
+```typescript
+readonly pageUid: string;
+```
+
+**Remark**
+
+- It will return `''`, if the annotation is deleted.
+
+## source
+
+Return the source of the annotation. Possible values:
+
+* user: the annotation is created by the user's action
+* file: the annotation is created from a PDF file
+* api: the annotation is created with code
+
+**Remark**
+
+It will return `''`, if the annotation is deleted.
+
+## type
+
+Return the type of the annotation: `highlight`.
+
+All annotation types:
+
+```ts
+"rectangle" | "ellipse" | "line" | "polygon" | "polyline" | "ink" | "textBox" | "textTypewriter" | "stamp" | "highlight" | "underline" | "strikeout" | "incomplete" | "unknown"
+```
+
+## creationDate
+
+Return the creation date of the annotation.
+
+**Syntax**
+
+```typescript
+readonly creationDate: string;
+```
+
+**Remark**
+
+- The string would be `D:YYYYMMDDHHmmSSOHH'mm'`, like `D:20230101085959-08'00'`.
+
+{% comment %}
+
+- It will return `''`, if the annotation is deleted.
+
+{% endcomment %}
+
+## flattened
+
+Flattens the annotation onto the image layer, or inspect if the annotation is flattened.
+
+**Syntax**
+
+```typescript
+flattened: boolean; //Default value is `false`.
+```
+
+**Remark**
+
+Flattened annotations move below all unflattened annotations on the page, and are stacked amongst themselves accordingly.
+
+Flattened annotations become part of the page layer upon file export and cease to be annotations.
+
+## modificationDate
+
+Return the modification date of the annotation.
+
+**Syntax**
+
+```typescript
+readonly modificationDate: string;
+```
+
+**Remark**
+
+- The string would be `D:YYYYMMDDHHmmSSOHH'mm'`, like `D:20230101085959-08'00'`.
+- It will return `''`, if the annotation is deleted.
+- If the annotation is created but not be modified after adding, it equals to [`creationDate`](#creationdate).
+
+## getOptions()
+
+Get the annotation options.
+
+**Syntax**
+
+```typescript
+getOptions(): HighlightAnnotationOptions;
+```
+
+**Return value**
+
+The object of highlight annotation options. Please refer to [`HighlightAnnotationOptions`]({{ site.api }}interface/annotationinterface/highlightannotationoptions.html).
+
+**Code Snippet**
+
+```typescript
+// Given that editViewer is an existing instance of EditViewer and a document is currently open.
+const pageUid = editViewer.indexToUid(0);
+const options = {
+ rects: [{
+ x: 10,
+ y: 10,
+ width: 100,
+ height: 100,
+ }],
+ background: "red"
+}
+const highlight = Dynamsoft.DDV.annotationManager.createAnnotation(pageUid, "highlight", options); // Create a highlight annotation instance.
+const highlightOptions = highlight.getOptions();
+```
+
+## updateOptions()
+
+Update the annotation options.
+
+**Syntax**
+
+```typescript
+updateOptions(highlightAnnotationOptions: HighlightAnnotationOptions): boolean;
+```
+
+**Parameters**
+
+`highlightAnnotationOptions`: The new highlight annotation options. Please refer to [`HighlightAnnotationOptions`]({{ site.api }}interface/annotationinterface/highlightannotationoptions.html).
+
+**Return value**
+
+`true`: Successfully.
+
+`false`: Failed.
+
+**Code Snippet**
+
+```typescript
+const newOptions = {
+ rects: [{
+ x: 50,
+ y: 10,
+ width: 100,
+ height: 100,
+ }],
+ background: "yellow"
+};
+highlight.updateOptions(newOptions); // Update the annotation.
+```
+
+**Warning**
+
+ Error Code | Error Message | API Return Value
+--------|-----------------------------------------------------|----------------------
+ -80100 | *XXX(API)*: *XXX(ParameterName)* is invalid. | `false`
+ -80102 | *XXX(API)*: *XXX(ParameterName)* is missing. | `false`
diff --git a/_v3.2.1/api/class/annotation/incomplete.md b/_v3.2.1/api/class/annotation/incomplete.md
new file mode 100644
index 0000000..f16474d
--- /dev/null
+++ b/_v3.2.1/api/class/annotation/incomplete.md
@@ -0,0 +1,123 @@
+---
+layout: default-layout
+needAutoGenerateSidebar: true
+needGenerateH3Content: true
+noTitleIndex: true
+title: Dynamsoft Document Viewer API Reference - Incomplete Class
+keywords: Documentation, Dynamsoft Document Viewer, API Reference, Incomplete Class
+breadcrumbText: Incomplete Class
+description: Dynamsoft Document Viewer Documentation API Reference Incomplete Class Page
+
+---
+
+# Incomplete Class
+
+This type of annotation may not be supported by Dynamsoft Document Viewer so far.
+
+## API Index
+
+| API Name | Description |
+| ------------------------------- | ----------------------------------------------------------- |
+| [`uid`](#uid) | Return the uid of the annotation. |
+| [`pageUid`](#pageuid) | Return the uid of the page where the annotation is located. |
+| [`source`](#source) | Return the source of the annotation. |
+| [`type`](#type) | Return the type of the annotation |
+| [`creationDate`](#creationdate) | Return the creation date of the annotation. |
+| [`raw`](#raw) | Return the raw data of the annotation. |
+
+
+## uid
+
+Return the uid of the annotation.
+
+**Syntax**
+
+```typescript
+readonly uid: string;
+```
+
+{% comment %}
+**Remark**
+
+- It will return `''`, if the annotation is deleted.
+{% endcomment %}
+
+## pageUid
+
+Return the uid of the page where the annotation is located.
+
+**Syntax**
+
+```typescript
+readonly pageUid: string;
+```
+
+**Remark**
+
+- It will return `''`, if the annotation is deleted.
+
+## source
+
+Return the source of the annotation. Possible values:
+
+* user: the annotation is created by the user's action
+* file: the annotation is created from a PDF file
+* api: the annotation is created with code
+
+**Remark**
+
+It will return `''`, if the annotation is deleted.
+
+## type
+
+Return the type of the annotation: `incomplete`.
+
+All annotation types:
+
+```ts
+"rectangle" | "ellipse" | "line" | "polygon" | "polyline" | "ink" | "textBox" | "textTypewriter" | "stamp" | "highlight" | "underline" | "strikeout" | "incomplete" | "unknown"
+```
+
+## creationDate
+
+Return the creation date of the annotation.
+
+**Syntax**
+
+```typescript
+readonly creationDate: string;
+```
+
+**Remark**
+
+- The string would be `D:YYYYMMDDHHmmSSOHH'mm'`, like `D:20230101085959-08'00'`.
+
+{% comment %}
+- It will return `''`, if the annotation is deleted.
+{% endcomment %}
+
+## modificationDate
+
+Return the modification date of the annotation.
+
+**Syntax**
+
+```typescript
+readonly modificationDate: string;
+```
+
+**Remark**
+
+- The string would be `D:YYYYMMDDHHmmSSOHH'mm'`, like `D:20230101085959-08'00'`.
+- It will return `''`, if the annotation is deleted.
+- If the annotation is created but not be modified after adding, it equals to [`creationDate`](#creationdate).
+
+## raw
+
+Return the raw data of the annotation.
+
+**Syntax**
+
+```typescript
+readonly raw: any;
+```
diff --git a/_v3.2.1/api/class/annotation/index.md b/_v3.2.1/api/class/annotation/index.md
new file mode 100644
index 0000000..8c54c68
--- /dev/null
+++ b/_v3.2.1/api/class/annotation/index.md
@@ -0,0 +1,32 @@
+---
+layout: default-layout
+needAutoGenerateSidebar: true
+needGenerateH3Content: true
+noTitleIndex: true
+title: Dynamsoft Document Viewer Annotation API Reference - Class
+keywords: Documentation, Dynamsoft Document Viewer, API Reference, Class, Annotation
+breadcrumbText: EditViewer Class
+description: Dynamsoft Document Viewer Documentation Annotation API Reference Class Index Page
+
+---
+
+
+## Annotation
+
+Annotation has fourteen main classes:
+
+- [Rectangle](/api/class/annotation/rectangle.md)
+- [Ellipse](/api/class/annotation/ellipse.md)
+- [Polygon](/api/class/annotation/polygon.md)
+- [Polyline](/api/class/annotation/polyline.md)
+- [Line](/api/class/annotation/line.md)
+- [Ink](/api/class/annotation/ink.md)
+- [TextBox](/api/class/annotation/textbox.md)
+- [TextTypewriter](/api/class/annotation/texttypewriter.md)
+- [Stamp](/api/class/annotation/stamp.md)
+- [Highlight](/api/class/annotation/highlight.md)
+- [Underline](/api/class/annotation/underline.md)
+- [Strikeout](/api/class/annotation/strikeout.md)
+- [Incomplete](/api/class/annotation/incomplete.md)
+- [Unknown](/api/class/annotation/unknown.md)
+
diff --git a/_v3.2.1/api/class/annotation/ink.md b/_v3.2.1/api/class/annotation/ink.md
new file mode 100644
index 0000000..cef30f6
--- /dev/null
+++ b/_v3.2.1/api/class/annotation/ink.md
@@ -0,0 +1,204 @@
+---
+layout: default-layout
+needAutoGenerateSidebar: true
+needGenerateH3Content: true
+noTitleIndex: true
+title: Dynamsoft Document Viewer API Reference - Ink Class
+keywords: Documentation, Dynamsoft Document Viewer, API Reference, Ink Class
+breadcrumbText: Ink Class
+description: Dynamsoft Document Viewer Documentation API Reference Ink Class Page
+
+---
+
+# Ink Class
+
+## API Index
+
+| API Name | Description |
+| --------------------------------------- | ------------------------------------------------------------------------------------------- |
+| [`uid`](#uid) | Return the uid of the annotation. |
+| [`pageUid`](#pageuid) | Return the uid of the page where the annotation is located. |
+| [`source`](#source) | Return the source of the annotation. |
+| [`type`](#type) | Return the type of the annotation |
+| [`creationDate`](#creationdate) | Return the creation date of the annotation. |
+| [`flattened`](#flattened) | Flattens the annotation onto the image layer, or inspect if the annotation is flattened. |
+| [`modificationDate`](#modificationdate) | Return the modification date of the annotation. |
+| [`getOptions()`](#getoptions) | Get the annotation options. |
+| [`updateOptions()`](#updateoptions) | Update the annotation options. |
+
+## uid
+
+Return the uid of the annotation.
+
+**Syntax**
+
+```typescript
+readonly uid: string;
+```
+
+{% comment %}
+**Remark**
+
+- It will return `''`, if the annotation is deleted.
+{% endcomment %}
+
+## pageUid
+
+Return the uid of the page where the annotation is located.
+
+**Syntax**
+
+```typescript
+readonly pageUid: string;
+```
+
+**Remark**
+- It will return `''`, if the annotation is deleted.
+
+{% comment %}
+## aabb
+
+Return Axis-aligned bounding box of the annotation.
+
+**Syntax**
+
+```typescript
+readonly aabb: Rect;
+```
+
+{% endcomment %}
+
+## source
+
+Return the source of the annotation. Possible values:
+
+* user: the annotation is created by the user's action
+* file: the annotation is created from a PDF file
+* api: the annotation is created with code
+
+**Remark**
+
+It will return `''`, if the annotation is deleted.
+
+## type
+
+Return the type of the annotation: `ink`.
+
+All annotation types:
+
+```ts
+"rectangle" | "ellipse" | "line" | "polygon" | "polyline" | "ink" | "textBox" | "textTypewriter" | "stamp" | "highlight" | "underline" | "strikeout" | "incomplete" | "unknown"
+```
+
+## creationDate
+
+Return the creation date of the annotation.
+
+**Syntax**
+
+```typescript
+readonly creationDate: string;
+```
+
+**Remark**
+
+- The string would be `D:YYYYMMDDHHmmSSOHH'mm'`, like `D:20230101085959-08'00'`.
+
+{% comment %}
+- It will return `''`, if the annotation is deleted.
+{% endcomment %}
+
+## flattened
+
+Flattens the annotation onto the image layer, or inspect if the annotation is flattened.
+
+**Syntax**
+
+```typescript
+flattened: boolean; //Default value is `false`.
+```
+
+**Remark**
+
+Flattened annotations move below all unflattened annotations on the page, and are stacked amongst themselves accordingly.
+
+Flattened annotations become part of the page layer upon file export and cease to be annotations.
+
+## modificationDate
+
+Return the modification date of the annotation.
+
+**Syntax**
+
+```typescript
+readonly modificationDate: string;
+```
+
+**Remark**
+
+- The string would be `D:YYYYMMDDHHmmSSOHH'mm'`, like `D:20230101085959-08'00'`.
+- It will return `''`, if the annotation is deleted.
+- If the annotation is created but not be modified after adding, it equals to [`creationDate`](#creationdate).
+
+
+## getOptions()
+
+Get the annotation options.
+
+**Syntax**
+
+```typescript
+getOptions(): InkAnnotationOptions;
+```
+
+**Return value**
+
+The object of ink annotation options. Please refer to [`InkAnnotationOptions`]({{ site.api }}interface/annotationinterface/inkannotationoptions.html).
+
+**Code Snippet**
+
+```typescript
+// Given that editViewer is an existing instance of EditViewer and a document is currently open.
+const pageUid = editViewer.indexToUid(0);
+const ink = Dynamsoft.DDV.annotationManager.createAnnotation(pageUid, "ink"); // Create a default Ink annotation instance.
+const inkOptions = ink.getOptions();
+```
+
+## updateOptions()
+
+Update the annotation options.
+
+**Syntax**
+
+```typescript
+updateOptions(inkAnnotationOptions: InkAnnotationOptions): boolean;
+```
+
+**Parameters**
+
+`inkAnnotationOptions`: The new ink annotation options. Please refer to [`InkAnnotationOptions`]({{ site.api }}interface/annotationinterface/inkannotationoptions.html).
+
+**Return value**
+
+`true`: Successfully.
+
+`false`: Failed.
+
+**Code Snippet**
+
+```typescript
+// Given that editViewer is an existing instance of EditViewer and a document is currently open.
+const pageUid = editViewer.indexToUid(0);
+const ink = Dynamsoft.DDV.annotationManager.createAnnotation(pageUid, "ink"); // Create a default Ink annotation instance.
+const inkOptions = {
+ borderColor: "red",
+};
+ink.updateOptions(inkOptions); // Update the border color of the ink to red.
+```
+
+**Warning**
+
+ Error Code | Error Message | API Return Value
+--------|-----------------------------------------------------|----------------------
+ -80100 | *XXX(API)*: *XXX(ParameterName)* is invalid. | `false`
+ -80102 | *XXX(API)*: *XXX(ParameterName)* is missing. | `false`
diff --git a/_v3.2.1/api/class/annotation/line.md b/_v3.2.1/api/class/annotation/line.md
new file mode 100644
index 0000000..0ce4651
--- /dev/null
+++ b/_v3.2.1/api/class/annotation/line.md
@@ -0,0 +1,207 @@
+---
+layout: default-layout
+needAutoGenerateSidebar: true
+needGenerateH3Content: true
+noTitleIndex: true
+title: Dynamsoft Document Viewer API Reference - Line Class
+keywords: Documentation, Dynamsoft Document Viewer, API Reference, Line Class
+breadcrumbText: Line Class
+description: Dynamsoft Document Viewer Documentation API Reference Line Class Page
+
+---
+
+# Line Class
+
+## API Index
+
+| API Name | Description |
+| --------------------------------------- | ------------------------------------------------------------------------------------------- |
+| [`uid`](#uid) | Return the uid of the annotation. |
+| [`pageUid`](#pageuid) | Return the uid of the page where the annotation is located. |
+| [`source`](#source) | Return the source of the annotation. |
+| [`type`](#type) | Return the type of the annotation |
+| [`creationDate`](#creationdate) | Return the creation date of the annotation. |
+| [`flattened`](#flattened) | Flattens the annotation onto the image layer, or inspect if the annotation is flattened. |
+| [`modificationDate`](#modificationdate) | Return the modification date of the annotation. |
+| [`getOptions()`](#getoptions) | Get the annotation options. |
+| [`updateOptions()`](#updateoptions) | Update the annotation options. |
+
+## uid
+
+Return the uid of the annotation.
+
+**Syntax**
+
+```typescript
+readonly uid: string;
+```
+
+{% comment %}
+**Remark**
+
+- It will return `''`, if the annotation is deleted.
+{% endcomment %}
+
+## pageUid
+
+Return the uid of the page where the annotation is located.
+
+**Syntax**
+
+```typescript
+readonly pageUid: string;
+```
+
+**Remark**
+
+- It will return `''`, if the annotation is deleted.
+
+{% comment %}
+## aabb
+
+Return Axis-aligned bounding box of the annotation.
+
+**Syntax**
+
+```typescript
+readonly aabb: Rect;
+```
+
+{% endcomment %}
+
+## source
+
+Return the source of the annotation. Possible values:
+
+* user: the annotation is created by the user's action
+* file: the annotation is created from a PDF file
+* api: the annotation is created with code
+
+**Remark**
+
+It will return `''`, if the annotation is deleted.
+
+## type
+
+Return the type of the annotation: `line`.
+
+All annotation types:
+
+```ts
+"rectangle" | "ellipse" | "line" | "polygon" | "polyline" | "ink" | "textBox" | "textTypewriter" | "stamp" | "highlight" | "underline" | "strikeout" | "incomplete" | "unknown"
+```
+
+## creationDate
+
+Return the creation date of the annotation.
+
+**Syntax**
+
+```typescript
+readonly creationDate: string;
+```
+
+**Remark**
+
+- The string would be `D:YYYYMMDDHHmmSSOHH'mm'`, like `D:20230101085959-08'00'`.
+
+{% comment %}
+- It will return `''`, if the annotation is deleted.
+{% endcomment %}
+
+## flattened
+
+Flattens the annotation onto the image layer, or inspect if the annotation is flattened.
+
+**Syntax**
+
+```typescript
+flattened: boolean; //Default value is `false`.
+```
+
+**Remark**
+
+Flattened annotations move below all unflattened annotations on the page, and are stacked amongst themselves accordingly.
+
+Flattened annotations become part of the page layer upon file export and cease to be annotations.
+
+## modificationDate
+
+Return the modification date of the annotation.
+
+**Syntax**
+
+```typescript
+readonly modificationDate: string;
+```
+
+**Remark**
+
+- The string would be `D:YYYYMMDDHHmmSSOHH'mm'`, like `D:20230101085959-08'00'`.
+- It will return `''`, if the annotation is deleted.
+- If the annotation is created but not be modified after adding, it equals to [`creationDate`](#creationdate).
+
+
+## getOptions()
+
+Get the annotation options.
+
+**Syntax**
+
+```typescript
+getOptions(): LineAnnotationOptions;
+```
+
+**Return value**
+
+The object of line annotation options. Please refer to [`LineAnnotationOptions`]({{ site.api }}interface/annotationinterface/lineannotationoptions.html).
+
+**Code Snippet**
+
+```typescript
+// Given that editViewer is an existing instance of EditViewer and a document is currently open.
+const pageUid = editViewer.indexToUid(0);
+const line = Dynamsoft.DDV.annotationManager.createAnnotation(pageUid, "line"); // Create a default Line annotation instance.
+const lineOptions = line.getOptions();
+```
+
+## updateOptions()
+
+Update the annotation options.
+
+**Syntax**
+
+```typescript
+updateOptions(lineAnnotationOptions: LineAnnotationOptions): boolean;
+```
+
+**Parameters**
+
+`lineAnnotationOptions`: The new line annotation options. Please refer to [`LineAnnotationOptions`]({{ site.api }}interface/annotationinterface/lineannotationoptions.html).
+
+**Return value**
+
+`true`: Successfully.
+
+`false`: Failed.
+
+**Code Snippet**
+
+```typescript
+// Given that editViewer is an existing instance of EditViewer and a document is currently open.
+const pageUid = editViewer.indexToUid(0);
+const line = Dynamsoft.DDV.annotationManager.createAnnotation(pageUid, "line"); // Create a default Line annotation instance.
+const lineOptions = {
+ lineEnding: {
+ end: Dynamsoft.DDV.EnumLineEnding.OPEN,
+ },
+};
+line.updateOptions(lineOptions); // Update the line ending of the line to open.
+```
+
+**Warning**
+
+ Error Code | Error Message | API Return Value
+--------|-----------------------------------------------------|----------------------
+ -80100 | *XXX(API)*: *XXX(ParameterName)* is invalid. | `false`
+ -80102 | *XXX(API)*: *XXX(ParameterName)* is missing. | `false`
diff --git a/_v3.2.1/api/class/annotation/polygon.md b/_v3.2.1/api/class/annotation/polygon.md
new file mode 100644
index 0000000..82b2714
--- /dev/null
+++ b/_v3.2.1/api/class/annotation/polygon.md
@@ -0,0 +1,209 @@
+---
+layout: default-layout
+needAutoGenerateSidebar: true
+needGenerateH3Content: true
+noTitleIndex: true
+title: Dynamsoft Document Viewer API Reference - Polygon Class
+keywords: Documentation, Dynamsoft Document Viewer, API Reference, Polygon Class
+breadcrumbText: Polygon Class
+description: Dynamsoft Document Viewer Documentation API Reference Polygon Class Page
+
+---
+
+# Polygon Class
+
+## API Index
+
+| API Name | Description |
+| --------------------------------------- | ------------------------------------------------------------------------------------------- |
+| [`uid`](#uid) | Return the uid of the annotation. |
+| [`pageUid`](#pageuid) | Return the uid of the page where the annotation is located. |
+| [`source`](#source) | Return the source of the annotation. |
+| [`type`](#type) | Return the type of the annotation |
+| [`creationDate`](#creationdate) | Return the creation date of the annotation. |
+| [`flattened`](#flattened) | Flattens the annotation onto the image layer, or inspect if the annotation is flattened. |
+| [`modificationDate`](#modificationdate) | Return the modification date of the annotation. |
+| [`getOptions()`](#getoptions) | Get the annotation options. |
+| [`updateOptions()`](#updateoptions) | Update the annotation options. |
+
+## uid
+
+Return the uid of the annotation.
+
+**Syntax**
+
+```typescript
+readonly uid: string;
+```
+
+{% comment %}
+**Remark**
+
+- It will return `''`, if the annotation is deleted.
+{% endcomment %}
+
+## pageUid
+
+Return the uid of the page where the annotation is located.
+
+**Syntax**
+
+```typescript
+readonly pageUid: string;
+```
+
+**Remark**
+
+- It will return `''`, if the annotation is deleted.
+
+{% comment %}
+## aabb
+
+Return Axis-aligned bounding box of the annotation.
+
+**Syntax**
+
+```typescript
+readonly aabb: Rect;
+```
+
+**Remark**
+
+
+
+{% endcomment %}
+
+## source
+
+Return the source of the annotation. Possible values:
+
+* user: the annotation is created by the user's action
+* file: the annotation is created from a PDF file
+* api: the annotation is created with code
+
+**Remark**
+
+It will return `''`, if the annotation is deleted.
+
+## type
+
+Return the type of the annotation: `polygon`.
+
+All annotation types:
+
+```ts
+"rectangle" | "ellipse" | "line" | "polygon" | "polyline" | "ink" | "textBox" | "textTypewriter" | "stamp" | "highlight" | "underline" | "strikeout" | "incomplete" | "unknown"
+```
+
+## creationDate
+
+Return the creation date of the annotation.
+
+**Syntax**
+
+```typescript
+readonly creationDate: string;
+```
+
+**Remark**
+
+- The string would be `D:YYYYMMDDHHmmSSOHH'mm'`, like `D:20230101085959-08'00'`.
+
+{% comment %}
+- It will return `''`, if the annotation is deleted.
+{% endcomment %}
+
+## flattened
+
+Flattens the annotation onto the image layer, or inspect if the annotation is flattened.
+
+**Syntax**
+
+```typescript
+flattened: boolean; //Default value is `false`.
+```
+
+**Remark**
+
+Flattened annotations move below all unflattened annotations on the page, and are stacked amongst themselves accordingly.
+
+Flattened annotations become part of the page layer upon file export and cease to be annotations.
+
+## modificationDate
+
+Return the modification date of the annotation.
+
+**Syntax**
+
+```typescript
+readonly modificationDate: string;
+```
+
+**Remark**
+
+- The string would be `D:YYYYMMDDHHmmSSOHH'mm'`, like `D:20230101085959-08'00'`.
+- It will return `''`, if the annotation is deleted.
+- If the annotation is created but not be modified after adding, it equals to [`creationDate`](#creationdate).
+
+
+## getOptions()
+
+Get the annotation options.
+
+**Syntax**
+
+```typescript
+getOptions(): PolygonAnnotationOptions;
+```
+
+**Return value**
+
+The object of polygon annotation options. Please refer to [`PolygonAnnotationOptions`]({{ site.api }}interface/annotationinterface/polygonannotationoptions.html).
+
+**Code Snippet**
+
+```typescript
+// Given that editViewer is an existing instance of EditViewer and a document is currently open.
+const pageUid = editViewer.indexToUid(0);
+const polygon = Dynamsoft.DDV.annotationManager.createAnnotation(pageUid, "polygon"); // Create a default Polygon annotation instance.
+const polygonOptions = polygon.getOptions();
+```
+
+## updateOptions()
+
+Update the annotation options.
+
+**Syntax**
+
+```typescript
+updateOptions(polygonAnnotationOptions: PolygonAnnotationOptions): boolean;
+```
+
+**Parameters**
+
+`polygonAnnotationOptions`: The new polygon annotation options. Please refer to [`PolygonAnnotationOptions`]({{ site.api }}interface/annotationinterface/polygonannotationoptions.html).
+
+**Return value**
+
+`true`: Successfully.
+
+`false`: Failed.
+
+**Code Snippet**
+
+```typescript
+// Given that editViewer is an existing instance of EditViewer and a document is currently open.
+const pageUid = editViewer.indexToUid(0);
+const polygon = Dynamsoft.DDV.annotationManager.createAnnotation(pageUid, "polygon"); // Create a default Polygon annotation instance.
+const polygonOptions = {
+ background: "red",
+};
+polygon.updateOptions(polygonOptions); // Update the background of the polygon to red.
+```
+
+**Warning**
+
+ Error Code | Error Message | API Return Value
+--------|-----------------------------------------------------|----------------------
+ -80100 | *XXX(API)*: *XXX(ParameterName)* is invalid. | `false`
+ -80102 | *XXX(API)*: *XXX(ParameterName)* is missing. | `false`
diff --git a/_v3.2.1/api/class/annotation/polyline.md b/_v3.2.1/api/class/annotation/polyline.md
new file mode 100644
index 0000000..7f7a28b
--- /dev/null
+++ b/_v3.2.1/api/class/annotation/polyline.md
@@ -0,0 +1,207 @@
+---
+layout: default-layout
+needAutoGenerateSidebar: true
+needGenerateH3Content: true
+noTitleIndex: true
+title: Dynamsoft Document Viewer API Reference - Polyline Class
+keywords: Documentation, Dynamsoft Document Viewer, API Reference, Polyline Class
+breadcrumbText: Polyline Class
+description: Dynamsoft Document Viewer Documentation API Reference Polyline Class Page
+
+---
+
+# Polyline Class
+
+## API Index
+
+| API Name | Description |
+| --------------------------------------- | ------------------------------------------------------------------------------------------- |
+| [`uid`](#uid) | Return the uid of the annotation. |
+| [`pageUid`](#pageuid) | Return the uid of the page where the annotation is located. |
+| [`source`](#source) | Return the source of the annotation. |
+| [`type`](#type) | Return the type of the annotation |
+| [`creationDate`](#creationdate) | Return the creation date of the annotation. |
+| [`flattened`](#flattened) | Flattens the annotation onto the image layer, or inspect if the annotation is flattened. |
+| [`modificationDate`](#modificationdate) | Return the modification date of the annotation. |
+| [`getOptions()`](#getoptions) | Get the annotation options. |
+| [`updateOptions()`](#updateoptions) | Update the annotation options. |
+
+## uid
+
+Return the uid of the annotation.
+
+**Syntax**
+
+```typescript
+readonly uid: string;
+```
+
+{% comment %}
+**Remark**
+
+- It will return `''`, if the annotation is deleted.
+{% endcomment %}
+
+## pageUid
+
+Return the uid of the page where the annotation is located.
+
+**Syntax**
+
+```typescript
+readonly pageUid: string;
+```
+
+**Remark**
+
+- It will return `''`, if the annotation is deleted.
+
+{% comment %}
+## aabb
+
+Return Axis-aligned bounding box of the annotation.
+
+**Syntax**
+
+```typescript
+readonly aabb: Rect;
+```
+
+{% endcomment %}
+
+## source
+
+Return the source of the annotation. Possible values:
+
+* user: the annotation is created by the user's action
+* file: the annotation is created from a PDF file
+* api: the annotation is created with code
+
+**Remark**
+
+It will return `''`, if the annotation is deleted.
+
+## type
+
+Return the type of the annotation: `polyline`.
+
+All annotation types:
+
+```ts
+"rectangle" | "ellipse" | "line" | "polygon" | "polyline" | "ink" | "textBox" | "textTypewriter" | "stamp" | "highlight" | "underline" | "strikeout" | "incomplete" | "unknown"
+```
+
+## creationDate
+
+Return the creation date of the annotation.
+
+**Syntax**
+
+```typescript
+readonly creationDate: string;
+```
+
+**Remark**
+
+- The string would be `D:YYYYMMDDHHmmSSOHH'mm'`, like `D:20230101085959-08'00'`.
+
+{% comment %}
+- It will return `''`, if the annotation is deleted.
+{% endcomment %}
+
+## flattened
+
+Flattens the annotation onto the image layer, or inspect if the annotation is flattened.
+
+**Syntax**
+
+```typescript
+flattened: boolean; //Default value is `false`.
+```
+
+**Remark**
+
+Flattened annotations move below all unflattened annotations on the page, and are stacked amongst themselves accordingly.
+
+Flattened annotations become part of the page layer upon file export and cease to be annotations.
+
+## modificationDate
+
+Return the modification date of the annotation.
+
+**Syntax**
+
+```typescript
+readonly modificationDate: string;
+```
+
+**Remark**
+
+- The string would be `D:YYYYMMDDHHmmSSOHH'mm'`, like `D:20230101085959-08'00'`.
+- It will return `''`, if the annotation is deleted.
+- If the annotation is created but not be modified after adding, it equals to [`creationDate`](#creationdate).
+
+
+## getOptions()
+
+Get the annotation options.
+
+**Syntax**
+
+```typescript
+getOptions(): PolylineAnnotationOptions;
+```
+
+**Return value**
+
+The object of polyline annotation options. Please refer to [`PolylineAnnotationOptions`]({{ site.api }}interface/annotationinterface/polylineannotationoptions.html).
+
+**Code Snippet**
+
+```typescript
+// Given that editViewer is an existing instance of EditViewer and a document is currently open.
+const pageUid = editViewer.indexToUid(0);
+const polyline = Dynamsoft.DDV.annotationManager.createAnnotation(pageUid, "polyline"); // Create a default Polyline annotation instance.
+const polylineOptions = polyline.getOptions();
+```
+
+## updateOptions()
+
+Update the annotation options.
+
+**Syntax**
+
+```typescript
+updateOptions(polylineannotationoptions: PolylineAnnotationOptions): boolean;
+```
+
+**Parameters**
+
+`polylineannotationoptions`: The new polyline annotation options. Please refer to [`PolylineAnnotationOptions`]({{ site.api }}interface/annotationinterface/polylineannotationoptions.html).
+
+**Return value**
+
+`true`: Successfully.
+
+`false`: Failed.
+
+**Code Snippet**
+
+```typescript
+// Given that editViewer is an existing instance of EditViewer and a document is currently open.
+const pageUid = editViewer.indexToUid(0);
+const polyline = Dynamsoft.DDV.annotationManager.createAnnotation(pageUid, "polyline"); // Create a default Polyline annotation instance.
+const polylineOptions = {
+ lineEnding: {
+ end: Dynamsoft.DDV.EnumLineEnding.OPEN,
+ },
+};
+polyline.updateOptions(polylineOptions); // Update the line ending of the polyline to open.
+```
+
+**Warning**
+
+ Error Code | Error Message | API Return Value
+--------|-----------------------------------------------------|----------------------
+ -80100 | *XXX(API)*: *XXX(ParameterName)* is invalid. | `false`
+ -80102 | *XXX(API)*: *XXX(ParameterName)* is missing. | `false`
diff --git a/_v3.2.1/api/class/annotation/rectangle.md b/_v3.2.1/api/class/annotation/rectangle.md
new file mode 100644
index 0000000..65c807d
--- /dev/null
+++ b/_v3.2.1/api/class/annotation/rectangle.md
@@ -0,0 +1,209 @@
+---
+layout: default-layout
+needAutoGenerateSidebar: true
+needGenerateH3Content: true
+noTitleIndex: true
+title: Dynamsoft Document Viewer API Reference - Rectangle Class
+keywords: Documentation, Dynamsoft Document Viewer, API Reference, Rectangle Class
+breadcrumbText: Rectangle Class
+description: Dynamsoft Document Viewer Documentation API Reference Rectangle Class Page
+
+---
+
+# Rectangle Class
+
+## API Index
+
+| API Name | Description |
+| --------------------------------------- | ------------------------------------------------------------------------------------------- |
+| [`uid`](#uid) | Return the uid of the annotation. |
+| [`pageUid`](#pageuid) | Return the uid of the page where the annotation is located. |
+| [`source`](#source) | Return the source of the annotation. |
+| [`type`](#type) | Return the type of the annotation |
+| [`creationDate`](#creationdate) | Return the creation date of the annotation. |
+| [`flattened`](#flattened) | Flattens the annotation onto the image layer, or inspect if the annotation is flattened. |
+| [`modificationDate`](#modificationdate) | Return the modification date of the annotation. |
+| [`getOptions()`](#getoptions) | Get the annotation options. |
+| [`updateOptions()`](#updateoptions) | Update the annotation options. |
+
+## uid
+
+Return the uid of the annotation.
+
+**Syntax**
+
+```typescript
+readonly uid: string;
+```
+
+{% comment %}
+**Remark**
+
+- It will return `''`, if the annotation is deleted.
+{% endcomment %}
+
+## pageUid
+
+Return the uid of the page where the annotation is located.
+
+**Syntax**
+
+```typescript
+readonly pageUid: string;
+```
+
+**Remark**
+
+- It will return `''`, if the annotation is deleted.
+
+{% comment %}
+## aabb
+
+Return Axis-aligned bounding box of the annotation.
+
+**Syntax**
+
+```typescript
+readonly aabb: Rect;
+```
+
+**Remark**
+
+
+
+{% endcomment %}
+
+## source
+
+Return the source of the annotation. Possible values:
+
+* user: the annotation is created by the user's action
+* file: the annotation is created from a PDF file
+* api: the annotation is created with code
+
+**Remark**
+
+It will return `''`, if the annotation is deleted.
+
+## type
+
+Return the type of the annotation: `rectangle`.
+
+All annotation types:
+
+```ts
+"rectangle" | "ellipse" | "line" | "polygon" | "polyline" | "ink" | "textBox" | "textTypewriter" | "stamp" | "highlight" | "underline" | "strikeout" | "incomplete" | "unknown"
+```
+
+## creationDate
+
+Return the creation date of the annotation.
+
+**Syntax**
+
+```typescript
+readonly creationDate: string;
+```
+
+**Remark**
+
+- The string would be `D:YYYYMMDDHHmmSSOHH'mm'`, like `D:20230101085959-08'00'`.
+
+{% comment %}
+- It will return `''`, if the annotation is deleted.
+{% endcomment %}
+
+## flattened
+
+Flattens the annotation onto the image layer, or inspect if the annotation is flattened.
+
+**Syntax**
+
+```typescript
+flattened: boolean; //Default value is `false`.
+```
+
+**Remark**
+
+Flattened annotations move below all unflattened annotations on the page, and are stacked amongst themselves accordingly.
+
+Flattened annotations become part of the page layer upon file export and cease to be annotations.
+
+## modificationDate
+
+Return the modification date of the annotation.
+
+**Syntax**
+
+```typescript
+readonly modificationDate: string;
+```
+
+**Remark**
+
+- The string would be `D:YYYYMMDDHHmmSSOHH'mm'`, like `D:20230101085959-08'00'`.
+- It will return `''`, if the annotation is deleted.
+- If the annotation is created but not be modified after adding, it equals to [`creationDate`](#creationdate).
+
+
+## getOptions()
+
+Get the annotation options.
+
+**Syntax**
+
+```typescript
+getOptions(): RectAnnotationOptions;
+```
+
+**Return value**
+
+The object of rectangle annotation options. Please refer to [`RectAnnotationOptions`]({{ site.api }}interface/annotationinterface/rectannotationoptions.html).
+
+**Code Snippet**
+
+```typescript
+// Given that editViewer is an existing instance of EditViewer and a document is currently open.
+const pageUid = editViewer.indexToUid(0);
+const rect = Dynamsoft.DDV.annotationManager.createAnnotation(pageUid, "rectangle"); // Create a default Rectangle annotation instance.
+const rectOptions = rect.getOptions();
+```
+
+## updateOptions()
+
+Update the annotation options.
+
+**Syntax**
+
+```typescript
+updateOptions(rectAnnotationOptions: RectAnnotationOptions): boolean;
+```
+
+**Parameters**
+
+`rectAnnotationOptions`: The new rectangle annotation options. Please refer to [`RectAnnotationOptions`]({{ site.api }}interface/annotationinterface/rectannotationoptions.html).
+
+**Return value**
+
+`true`: Successfully.
+
+`false`: Failed.
+
+**Code Snippet**
+
+```typescript
+// Given that editViewer is an existing instance of EditViewer and a document is currently open.
+const pageUid = editViewer.indexToUid(0);
+const rect = Dynamsoft.DDV.annotationManager.createAnnotation(pageUid, "rectangle"); // Create a default Rectangle annotation instance.
+const rectOptions = {
+ background: "red",
+};
+rect.updateOptions(rectOptions); // Update the background of the rectangle to red.
+```
+
+**Warning**
+
+ Error Code | Error Message | API Return Value
+--------|-----------------------------------------------------|----------------------
+ -80100 | *XXX(API)*: *XXX(ParameterName)* is invalid. | `false`
+ -80102 | *XXX(API)*: *XXX(ParameterName)* is missing. | `false`
diff --git a/_v3.2.1/api/class/annotation/stamp.md b/_v3.2.1/api/class/annotation/stamp.md
new file mode 100644
index 0000000..a337989
--- /dev/null
+++ b/_v3.2.1/api/class/annotation/stamp.md
@@ -0,0 +1,205 @@
+---
+layout: default-layout
+needAutoGenerateSidebar: true
+needGenerateH3Content: true
+noTitleIndex: true
+title: Dynamsoft Document Viewer API Reference - Stamp Class
+keywords: Documentation, Dynamsoft Document Viewer, API Reference, Stamp Class
+breadcrumbText: Stamp Class
+description: Dynamsoft Document Viewer Documentation API Reference Stamp Class Page
+
+---
+
+# Stamp Class
+
+## API Index
+
+| API Name | Description |
+| --------------------------------------- | ------------------------------------------------------------------------------------------- |
+| [`uid`](#uid) | Return the uid of the annotation. |
+| [`pageUid`](#pageuid) | Return the uid of the page where the annotation is located. |
+| [`source`](#source) | Return the source of the annotation. |
+| [`type`](#type) | Return the type of the annotation |
+| [`creationDate`](#creationdate) | Return the creation date of the annotation. |
+| [`flattened`](#flattened) | Flattens the annotation onto the image layer, or inspect if the annotation is flattened. |
+| [`modificationDate`](#modificationdate) | Return the modification date of the annotation. |
+| [`getOptions()`](#getoptions) | Get the annotation options. |
+| [`updateOptions()`](#updateoptions) | Update the annotation options. |
+
+## uid
+
+Return the uid of the annotation.
+
+**Syntax**
+
+```typescript
+readonly uid: string;
+```
+
+{% comment %}
+**Remark**
+
+- It will return `''`, if the annotation is deleted.
+{% endcomment %}
+
+## pageUid
+
+Return the uid of the page where the annotation is located.
+
+**Syntax**
+
+```typescript
+readonly pageUid: string;
+```
+
+**Remark**
+
+- It will return `''`, if the annotation is deleted.
+
+{% comment %}
+
+## aabb
+
+Return Axis-aligned bounding box of the annotation.
+
+**Syntax**
+
+```typescript
+readonly aabb: Rect;
+```
+
+{% endcomment %}
+
+## source
+
+Return the source of the annotation. Possible values:
+
+* user: the annotation is created by the user's action
+* file: the annotation is created from a PDF file
+* api: the annotation is created with code
+
+**Remark**
+
+It will return `''`, if the annotation is deleted.
+
+## type
+
+Return the type of the annotation: `stamp`.
+
+All annotation types:
+
+```ts
+"rectangle" | "ellipse" | "line" | "polygon" | "polyline" | "ink" | "textBox" | "textTypewriter" | "stamp" | "highlight" | "underline" | "strikeout" | "incomplete" | "unknown"
+```
+
+## creationDate
+
+Return the creation date of the annotation.
+
+**Syntax**
+
+```typescript
+readonly creationDate: string;
+```
+
+**Remark**
+
+- The string would be `D:YYYYMMDDHHmmSSOHH'mm'`, like `D:20230101085959-08'00'`.
+
+{% comment %}
+
+- It will return `''`, if the annotation is deleted.
+
+{% endcomment %}
+
+## flattened
+
+Flattens the annotation onto the image layer, or inspect if the annotation is flattened.
+
+**Syntax**
+
+```typescript
+flattened: boolean; //Default value is `false`.
+```
+
+**Remark**
+
+Flattened annotations move below all unflattened annotations on the page, and are stacked amongst themselves accordingly.
+
+Flattened annotations become part of the page layer upon file export and cease to be annotations.
+
+## modificationDate
+
+Return the modification date of the annotation.
+
+**Syntax**
+
+```typescript
+readonly modificationDate: string;
+```
+
+**Remark**
+
+- The string would be `D:YYYYMMDDHHmmSSOHH'mm'`, like `D:20230101085959-08'00'`.
+- It will return `''`, if the annotation is deleted.
+- If the annotation is created but not be modified after adding, it equals to [`creationDate`](#creationdate).
+
+## getOptions()
+
+Get the annotation options.
+
+**Syntax**
+
+```typescript
+getOptions(): StampAnnotationOptions;
+```
+
+**Return value**
+
+The object of stamp annotation options. Please refer to [`StampAnnotationOptions`]({{ site.api }}interface/annotationinterface/stampannotationoptions.html).
+
+**Code Snippet**
+
+```typescript
+// Given that editViewer is an existing instance of EditViewer and a document is currently open.
+const pageUid = editViewer.indexToUid(0);
+const stamp = await Dynamsoft.DDV.annotationManager.createAnnotation(pageUid, "stamp"); // Create a default Stamp annotation instance.
+const stampOptions = stamp.getOptions();
+```
+
+## updateOptions()
+
+Update the annotation options.
+
+**Syntax**
+
+```typescript
+updateOptions(stampAnnotationOptions: StampAnnotationOptions): Promise;
+```
+
+**Parameters**
+
+`stampAnnotationOptions`: The new stamp annotation options. Please refer to [`StampAnnotationOptions`]({{ site.api }}interface/annotationinterface/stampannotationoptions.html).
+
+**Return value**
+
+A promise that resolves when the operation succeeds.
+
+**Code Snippet**
+
+```typescript
+// Given that editViewer is an existing instance of EditViewer and a document is currently open.
+const pageUid = editViewer.indexToUid(0);
+const stamp = await Dynamsoft.DDV.annotationManager.createAnnotation(pageUid, "stamp"); // Create a default Stamp annotation instance.
+const stampOptions = {
+ stamp: Dynamsoft.DDV.EnumStampIcon.APPROVED,
+};
+await stamp.updateOptions(stampOptions); // Update the stamp icon to 'APPROVED'.
+```
+
+**Warning**
+
+ Error Code | Error Message | API Return Value
+--------|-----------------------------------------------------|----------------------
+ -80100 | *XXX(API)*: *XXX(ParameterName)* is invalid. | `false`
+ -80102 | *XXX(API)*: *XXX(ParameterName)* is missing. | `false`
diff --git a/_v3.2.1/api/class/annotation/strikeout.md b/_v3.2.1/api/class/annotation/strikeout.md
new file mode 100644
index 0000000..350708f
--- /dev/null
+++ b/_v3.2.1/api/class/annotation/strikeout.md
@@ -0,0 +1,198 @@
+---
+layout: default-layout
+needAutoGenerateSidebar: true
+needGenerateH3Content: true
+noTitleIndex: true
+title: Dynamsoft Document Viewer API Reference - Strikeout Class
+keywords: Documentation, Dynamsoft Document Viewer, API Reference, Strikeout Class
+breadcrumbText: Strikeout Class
+description: Dynamsoft Document Viewer Documentation API Reference Strikeout Class Page
+---
+
+# Strikeout Class
+
+## API Index
+
+| API Name | Description |
+| --------------------------------------- | ------------------------------------------------------------------------------------------- |
+| [`uid`](#uid) | Return the uid of the annotation. |
+| [`pageUid`](#pageuid) | Return the uid of the page where the annotation is located. |
+| [`source`](#source) | Return the source of the annotation. |
+| [`type`](#type) | Return the type of the annotation |
+| [`creationDate`](#creationdate) | Return the creation date of the annotation. |
+| [`flattened`](#flattened) | Flattens the annotation onto the image layer, or inspect if the annotation is flattened. |
+| [`modificationDate`](#modificationdate) | Return the modification date of the annotation. |
+| [`getOptions()`](#getoptions) | Get the annotation options. |
+| [`updateOptions()`](#updateoptions) | Update the annotation options. |
+
+## uid
+
+Return the uid of the annotation.
+
+**Syntax**
+
+```typescript
+readonly uid: string;
+```
+
+## pageUid
+
+Return the uid of the page where the annotation is located.
+
+**Syntax**
+
+```typescript
+readonly pageUid: string;
+```
+
+**Remark**
+
+- It will return `''`, if the annotation is deleted.
+
+## source
+
+Return the source of the annotation. Possible values:
+
+* user: the annotation is created by the user's action
+* file: the annotation is created from a PDF file
+* api: the annotation is created with code
+
+**Remark**
+
+It will return `''`, if the annotation is deleted.
+
+## type
+
+Return the type of the annotation: `strikeout`.
+
+All annotation types:
+
+```ts
+"rectangle" | "ellipse" | "line" | "polygon" | "polyline" | "ink" | "textBox" | "textTypewriter" | "stamp" | "highlight" | "underline" | "strikeout" | "incomplete" | "unknown"
+```
+
+## creationDate
+
+Return the creation date of the annotation.
+
+**Syntax**
+
+```typescript
+readonly creationDate: string;
+```
+
+**Remark**
+
+- The string would be `D:YYYYMMDDHHmmSSOHH'mm'`, like `D:20230101085959-08'00'`.
+
+{% comment %}
+
+- It will return `''`, if the annotation is deleted.
+
+{% endcomment %}
+
+## flattened
+
+Flattens the annotation onto the image layer, or inspect if the annotation is flattened.
+
+**Syntax**
+
+```typescript
+flattened: boolean; //Default value is `false`.
+```
+
+**Remark**
+
+Flattened annotations move below all unflattened annotations on the page, and are stacked amongst themselves accordingly.
+
+Flattened annotations become part of the page layer upon file export and cease to be annotations.
+
+## modificationDate
+
+Return the modification date of the annotation.
+
+**Syntax**
+
+```typescript
+readonly modificationDate: string;
+```
+
+**Remark**
+
+- The string would be `D:YYYYMMDDHHmmSSOHH'mm'`, like `D:20230101085959-08'00'`.
+- It will return `''`, if the annotation is deleted.
+- If the annotation is created but not be modified after adding, it equals to [`creationDate`](#creationdate).
+
+## getOptions()
+
+Get the annotation options.
+
+**Syntax**
+
+```typescript
+getOptions(): StrikeoutAnnotationOptions;
+```
+
+**Return value**
+
+The object of strikeout annotation options. Please refer to [`StrikeoutAnnotationOptions`]({{ site.api }}interface/annotationinterface/strikeoutannotationoptions.html).
+
+**Code Snippet**
+
+```typescript
+// Given that editViewer is an existing instance of EditViewer and a document is currently open.
+const pageUid = editViewer.indexToUid(0);
+const options = {
+ rects: [{
+ x: 10,
+ y: 10,
+ width: 100,
+ height: 100,
+ }],
+ borderColor: "red",
+}
+const strikeout = Dynamsoft.DDV.annotationManager.createAnnotation(pageUid, "strikeout", options); // Create a strikeout annotation instance.
+const strikeoutOptions = strikeout.getOptions();
+```
+
+## updateOptions()
+
+Update the annotation options.
+
+**Syntax**
+
+```typescript
+updateOptions(strikeoutAnnotationOptions: StrikeoutAnnotationOptions): boolean;
+```
+
+**Parameters**
+
+`strikeoutAnnotationOptions`: The new highlight annotation options. Please refer to [`StrikeoutAnnotationOptions`]({{ site.api }}interface/annotationinterface/strikeoutannotationoptions.html).
+
+**Return value**
+
+`true`: Successfully.
+
+`false`: Failed.
+
+**Code Snippet**
+
+```typescript
+const newOptions = {
+ rects: [{
+ x: 50,
+ y: 10,
+ width: 100,
+ height: 100,
+ }],
+ borderColor: "yellow"
+};
+strikeout.updateOptions(newOptions); // Update the annotation.
+```
+
+**Warning**
+
+ Error Code | Error Message | API Return Value
+--------|-----------------------------------------------------|----------------------
+ -80100 | *XXX(API)*: *XXX(ParameterName)* is invalid. | `false`
+ -80102 | *XXX(API)*: *XXX(ParameterName)* is missing. | `false`
diff --git a/_v3.2.1/api/class/annotation/textbox.md b/_v3.2.1/api/class/annotation/textbox.md
new file mode 100644
index 0000000..3e1081c
--- /dev/null
+++ b/_v3.2.1/api/class/annotation/textbox.md
@@ -0,0 +1,206 @@
+---
+layout: default-layout
+needAutoGenerateSidebar: true
+needGenerateH3Content: true
+noTitleIndex: true
+title: Dynamsoft Document Viewer API Reference - TextBox Class
+keywords: Documentation, Dynamsoft Document Viewer, API Reference, TextBox Class
+breadcrumbText: TextBox Class
+description: Dynamsoft Document Viewer Documentation API Reference TextBox Class Page
+
+---
+
+# TextBox Class
+
+## API Index
+
+| API Name | Description |
+| --------------------------------------- | ------------------------------------------------------------------------------------------- |
+| [`uid`](#uid) | Return the uid of the annotation. |
+| [`pageUid`](#pageuid) | Return the uid of the page where the annotation is located. |
+| [`source`](#source) | Return the source of the annotation. |
+| [`type`](#type) | Return the type of the annotation |
+| [`creationDate`](#creationdate) | Return the creation date of the annotation. |
+| [`flattened`](#flattened) | Flattens the annotation onto the image layer, or inspect if the annotation is flattened. |
+| [`modificationDate`](#modificationdate) | Return the modification date of the annotation. |
+| [`getOptions()`](#getoptions) | Get the annotation options. |
+| [`updateOptions()`](#updateoptions) | Update the annotation options. |
+
+## uid
+
+Return the uid of the annotation.
+
+**Syntax**
+
+```typescript
+readonly uid: string;
+```
+
+{% comment %}
+**Remark**
+
+- It will return `''`, if the annotation is deleted.
+{% endcomment %}
+
+## pageUid
+
+Return the uid of the page where the annotation is located.
+
+**Syntax**
+
+```typescript
+readonly pageUid: string;
+```
+
+**Remark**
+
+- It will return `''`, if the annotation is deleted.
+
+{% comment %}
+
+## aabb
+
+Return Axis-aligned bounding box of the annotation.
+
+**Syntax**
+
+```typescript
+readonly aabb: Rect;
+```
+
+{% endcomment %}
+
+## source
+
+Return the source of the annotation. Possible values:
+
+* user: the annotation is created by the user's action
+* file: the annotation is created from a PDF file
+* api: the annotation is created with code
+
+**Remark**
+
+It will return `''`, if the annotation is deleted.
+
+## type
+
+Return the type of the annotation: `textBox`.
+
+All annotation types:
+
+```ts
+"rectangle" | "ellipse" | "line" | "polygon" | "polyline" | "ink" | "textBox" | "textTypewriter" | "stamp" | "highlight" | "underline" | "strikeout" | "incomplete" | "unknown"
+```
+
+## creationDate
+
+Return the creation date of the annotation.
+
+**Syntax**
+
+```typescript
+readonly creationDate: string;
+```
+
+**Remark**
+
+- The string would be `D:YYYYMMDDHHmmSSOHH'mm'`, like `D:20230101085959-08'00'`.
+
+{% comment %}
+
+- It will return `''`, if the annotation is deleted.
+{% endcomment %}
+
+## flattened
+
+Flattens the annotation onto the image layer, or inspect if the annotation is flattened.
+
+**Syntax**
+
+```typescript
+flattened: boolean; //Default value is `false`.
+```
+
+**Remark**
+
+Flattened annotations move below all unflattened annotations on the page, and are stacked amongst themselves accordingly.
+
+Flattened annotations become part of the page layer upon file export and cease to be annotations.
+
+## modificationDate
+
+Return the modification date of the annotation.
+
+**Syntax**
+
+```typescript
+readonly modificationDate: string;
+```
+
+**Remark**
+
+- The string would be `D:YYYYMMDDHHmmSSOHH'mm'`, like `D:20230101085959-08'00'`.
+- It will return `''`, if the annotation is deleted.
+- If the annotation is created but not be modified after adding, it equals to [`creationDate`](#creationdate).
+
+## getOptions()
+
+Get the annotation options.
+
+**Syntax**
+
+```typescript
+getOptions(): TextBoxAnnotationOptions;
+```
+
+**Return value**
+
+The object of text box annotation options. Please refer to [`TextBoxAnnotationOptions`]({{ site.api }}interface/annotationinterface/textboxannotationoptions.html).
+
+**Code Snippet**
+
+```typescript
+// Given that editViewer is an existing instance of EditViewer and a document is currently open.
+const pageUid = editViewer.indexToUid(0);
+const textBox = Dynamsoft.DDV.annotationManager.createAnnotation(pageUid, "textBox"); // Create a default TextBox annotation instance.
+const textBoxOptions = textBox.getOptions();
+```
+
+## updateOptions()
+
+Update the annotation options.
+
+**Syntax**
+
+```typescript
+updateOptions(textBoxAnnotationOptions: TextBoxAnnotationOptions): boolean;
+```
+
+**Parameters**
+
+`textBoxAnnotationOptions`: The new text box annotation options. Please refer to [`TextBoxAnnotationOptions`]({{ site.api }}interface/annotationinterface/textboxannotationoptions.html).
+
+**Return value**
+
+`true`: Successfully.
+
+`false`: Failed.
+
+**Code Snippet**
+
+```typescript
+// Given that editViewer is an existing instance of EditViewer and a document is currently open.
+const pageUid = editViewer.indexToUid(0);
+const textBox = Dynamsoft.DDV.annotationManager.createAnnotation(pageUid, "textBox"); // Create a default TextBox annotation instance.
+const textBoxOptions = {
+ background: "red",
+};
+textBox.updateOptions(textBoxOptions); // Update the background of the text box to red.
+```
+
+**Warning**
+
+ Error Code | Error Message | API Return Value
+--------|-----------------------------------------------------|----------------------
+ -80100 | *XXX(API)*: *XXX(ParameterName)* is invalid. | `false`
+ -80102 | *XXX(API)*: *XXX(ParameterName)* is missing. | `false`
diff --git a/_v3.2.1/api/class/annotation/texttypewriter.md b/_v3.2.1/api/class/annotation/texttypewriter.md
new file mode 100644
index 0000000..b0d919e
--- /dev/null
+++ b/_v3.2.1/api/class/annotation/texttypewriter.md
@@ -0,0 +1,206 @@
+---
+layout: default-layout
+needAutoGenerateSidebar: true
+needGenerateH3Content: true
+noTitleIndex: true
+title: Dynamsoft Document Viewer API Reference - TextTypewriter Class
+keywords: Documentation, Dynamsoft Document Viewer, API Reference, TextTypewriter Class
+breadcrumbText: TextTypewriter Class
+description: Dynamsoft Document Viewer Documentation API Reference TextTypewriter Class Page
+
+---
+
+# TextTypewriter Class
+
+## API Index
+
+| API Name | Description |
+| --------------------------------------- | ------------------------------------------------------------------------------------------- |
+| [`uid`](#uid) | Return the uid of the annotation. |
+| [`pageUid`](#pageuid) | Return the uid of the page where the annotation is located. |
+| [`source`](#source) | Return the source of the annotation. |
+| [`type`](#type) | Return the type of the annotation |
+| [`creationDate`](#creationdate) | Return the creation date of the annotation. |
+| [`flattened`](#flattened) | Flattens the annotation onto the image layer, or inspect if the annotation is flattened. |
+| [`modificationDate`](#modificationdate) | Return the modification date of the annotation. |
+| [`getOptions()`](#getoptions) | Get the annotation options. |
+| [`updateOptions()`](#updateoptions) | Update the annotation options. |
+
+## uid
+
+Return the uid of the annotation.
+
+**Syntax**
+
+```typescript
+readonly uid: string;
+```
+
+{% comment %}
+**Remark**
+
+- It will return `''`, if the annotation is deleted.
+{% endcomment %}
+
+## pageUid
+
+Return the uid of the page where the annotation is located.
+
+**Syntax**
+
+```typescript
+readonly pageUid: string;
+```
+
+**Remark**
+
+- It will return `''`, if the annotation is deleted.
+
+{% comment %}
+## aabb
+
+Return Axis-aligned bounding box of the annotation.
+
+**Syntax**
+
+```typescript
+readonly aabb: Rect;
+```
+
+{% endcomment %}
+
+## source
+
+Return the source of the annotation. Possible values:
+
+* user: the annotation is created by the user's action
+* file: the annotation is created from a PDF file
+* api: the annotation is created with code
+
+**Remark**
+
+It will return `''`, if the annotation is deleted.
+
+## type
+
+Return the type of the annotation: `textTypewriter`.
+
+All annotation types:
+
+```ts
+"rectangle" | "ellipse" | "line" | "polygon" | "polyline" | "ink" | "textBox" | "textTypewriter" | "stamp" | "highlight" | "underline" | "strikeout" | "incomplete" | "unknown"
+```
+
+## creationDate
+
+Return the creation date of the annotation.
+
+**Syntax**
+
+```typescript
+readonly creationDate: string;
+```
+
+**Remark**
+
+- The string would be `D:YYYYMMDDHHmmSSOHH'mm'`, like `D:20230101085959-08'00'`.
+
+{% comment %}
+
+- It will return `''`, if the annotation is deleted.
+{% endcomment %}
+
+## flattened
+
+Flattens the annotation onto the image layer, or inspect if the annotation is flattened.
+
+**Syntax**
+
+```typescript
+flattened: boolean; //Default value is `false`.
+```
+
+**Remark**
+
+Flattened annotations move below all unflattened annotations on the page, and are stacked amongst themselves accordingly.
+
+Flattened annotations become part of the page layer upon file export and cease to be annotations.
+
+## modificationDate
+
+Return the modification date of the annotation.
+
+**Syntax**
+
+```typescript
+readonly modificationDate: string;
+```
+
+**Remark**
+
+- The string would be `D:YYYYMMDDHHmmSSOHH'mm'`, like `D:20230101085959-08'00'`.
+- It will return `''`, if the annotation is deleted.
+- If the annotation is created but not be modified after adding, it equals to [`creationDate`](#creationdate).
+
+
+## getOptions()
+
+Get the annotation options.
+
+**Syntax**
+
+```typescript
+getOptions(): TextTypewriterAnnotationOptions;
+```
+
+**Return value**
+
+The object of text typewriter annotation options. Please refer to [`TextTypewriterAnnotationOptions`]({{ site.api }}interface/annotationinterface/texttypewriterannotationoptions.html).
+
+**Code Snippet**
+
+```typescript
+// Given that editViewer is an existing instance of EditViewer and a document is currently open.
+const pageUid = editViewer.indexToUid(0);
+const textTypewriter = Dynamsoft.DDV.annotationManager.createAnnotation(pageUid, "textTypewriter"); // Create a default TextTypewriter annotation instance.
+const textTypewriterOptions = textTypewriter.getOptions();
+```
+
+## updateOptions()
+
+Update the annotation options.
+
+**Syntax**
+
+```typescript
+updateOptions(textTypewriterAnnotationOptions: TextTypewriterAnnotationOptions): boolean;
+```
+
+**Parameters**
+
+`textTypewriterAnnotationOptions`: The new text typewriter annotation options. Please refer to [`TextTypewriterAnnotationOptions`]({{ site.api }}interface/annotationinterface/texttypewriterannotationoptions.html).
+
+**Return value**
+
+`true`: Successfully.
+
+`false`: Failed.
+
+**Code Snippet**
+
+```typescript
+// Given that editViewer is an existing instance of EditViewer and a document is currently open.
+const pageUid = editViewer.indexToUid(0);
+const textTypewriter = Dynamsoft.DDV.annotationManager.createAnnotation(pageUid, "textTypewriter"); // Create a default TextTypewriter annotation instance.
+const textTypewriterOptions = {
+ background: "red",
+};
+textTypewriter.updateOptions(textTypewriterOptions); // Update the background of the text typewriter to red.
+```
+
+**Warning**
+
+ Error Code | Error Message | API Return Value
+--------|-----------------------------------------------------|----------------------
+ -80100 | *XXX(API)*: *XXX(ParameterName)* is invalid. | `false`
+ -80102 | *XXX(API)*: *XXX(ParameterName)* is missing. | `false`
diff --git a/_v3.2.1/api/class/annotation/underline.md b/_v3.2.1/api/class/annotation/underline.md
new file mode 100644
index 0000000..90ef67e
--- /dev/null
+++ b/_v3.2.1/api/class/annotation/underline.md
@@ -0,0 +1,198 @@
+---
+layout: default-layout
+needAutoGenerateSidebar: true
+needGenerateH3Content: true
+noTitleIndex: true
+title: Dynamsoft Document Viewer API Reference - Underline Class
+keywords: Documentation, Dynamsoft Document Viewer, API Reference, Underline Class
+breadcrumbText: Underline Class
+description: Dynamsoft Document Viewer Documentation API Reference Underline Class Page
+---
+
+# Underline Class
+
+## API Index
+
+| API Name | Description |
+| --------------------------------------- | ------------------------------------------------------------------------------------------- |
+| [`uid`](#uid) | Return the uid of the annotation. |
+| [`pageUid`](#pageuid) | Return the uid of the page where the annotation is located. |
+| [`source`](#source) | Return the source of the annotation. |
+| [`type`](#type) | Return the type of the annotation |
+| [`creationDate`](#creationdate) | Return the creation date of the annotation. |
+| [`flattened`](#flattened) | Flattens the annotation onto the image layer, or inspect if the annotation is flattened. |
+| [`modificationDate`](#modificationdate) | Return the modification date of the annotation. |
+| [`getOptions()`](#getoptions) | Get the annotation options. |
+| [`updateOptions()`](#updateoptions) | Update the annotation options. |
+
+## uid
+
+Return the uid of the annotation.
+
+**Syntax**
+
+```typescript
+readonly uid: string;
+```
+
+## pageUid
+
+Return the uid of the page where the annotation is located.
+
+**Syntax**
+
+```typescript
+readonly pageUid: string;
+```
+
+**Remark**
+
+- It will return `''`, if the annotation is deleted.
+
+## source
+
+Return the source of the annotation. Possible values:
+
+* user: the annotation is created by the user's action
+* file: the annotation is created from a PDF file
+* api: the annotation is created with code
+
+**Remark**
+
+It will return `''`, if the annotation is deleted.
+
+## type
+
+Return the type of the annotation: `underline`.
+
+All annotation types:
+
+```ts
+"rectangle" | "ellipse" | "line" | "polygon" | "polyline" | "ink" | "textBox" | "textTypewriter" | "stamp" | "highlight" | "underline" | "strikeout" | "incomplete" | "unknown"
+```
+
+## creationDate
+
+Return the creation date of the annotation.
+
+**Syntax**
+
+```typescript
+readonly creationDate: string;
+```
+
+**Remark**
+
+- The string would be `D:YYYYMMDDHHmmSSOHH'mm'`, like `D:20230101085959-08'00'`.
+
+{% comment %}
+
+- It will return `''`, if the annotation is deleted.
+
+{% endcomment %}
+
+## flattened
+
+Flattens the annotation onto the image layer, or inspect if the annotation is flattened.
+
+**Syntax**
+
+```typescript
+flattened: boolean; //Default value is `false`.
+```
+
+**Remark**
+
+Flattened annotations move below all unflattened annotations on the page, and are stacked amongst themselves accordingly.
+
+Flattened annotations become part of the page layer upon file export and cease to be annotations.
+
+## modificationDate
+
+Return the modification date of the annotation.
+
+**Syntax**
+
+```typescript
+readonly modificationDate: string;
+```
+
+**Remark**
+
+- The string would be `D:YYYYMMDDHHmmSSOHH'mm'`, like `D:20230101085959-08'00'`.
+- It will return `''`, if the annotation is deleted.
+- If the annotation is created but not be modified after adding, it equals to [`creationDate`](#creationdate).
+
+## getOptions()
+
+Get the annotation options.
+
+**Syntax**
+
+```typescript
+getOptions(): UnderlineAnnotationOptions;
+```
+
+**Return value**
+
+The object of underline annotation options. Please refer to [`UnderlineAnnotationOptions`]({{ site.api }}interface/annotationinterface/underlineannotationoptions.html).
+
+**Code Snippet**
+
+```typescript
+// Given that editViewer is an existing instance of EditViewer and a document is currently open.
+const pageUid = editViewer.indexToUid(0);
+const options = {
+ rects: [{
+ x: 10,
+ y: 10,
+ width: 100,
+ height: 100,
+ }],
+ borderColor: "red"
+}
+const underline = Dynamsoft.DDV.annotationManager.createAnnotation(pageUid, "underline", options); // Create an underline annotation instance.
+const underlineOptions = underline.getOptions();
+```
+
+## updateOptions()
+
+Update the annotation options.
+
+**Syntax**
+
+```typescript
+updateOptions(underlineAnnotationOptions: UnderlineAnnotationOptions): boolean;
+```
+
+**Parameters**
+
+`underlineAnnotationOptions`: The new highlight annotation options. Please refer to [`UnderlineAnnotationOptions`]({{ site.api }}interface/annotationinterface/underlineannotationoptions.html).
+
+**Return value**
+
+`true`: Successfully.
+
+`false`: Failed.
+
+**Code Snippet**
+
+```typescript
+const newOptions = {
+ rects: [{
+ x: 50,
+ y: 10,
+ width: 100,
+ height: 100,
+ }],
+ borderColor: "yellow"
+};
+await underline.updateOptions(newOptions); // Update the annotation.
+```
+
+**Warning**
+
+ Error Code | Error Message | API Return Value
+--------|-----------------------------------------------------|----------------------
+ -80100 | *XXX(API)*: *XXX(ParameterName)* is invalid. | `false`
+ -80102 | *XXX(API)*: *XXX(ParameterName)* is missing. | `false`
diff --git a/_v3.2.1/api/class/annotation/unknown.md b/_v3.2.1/api/class/annotation/unknown.md
new file mode 100644
index 0000000..e018cef
--- /dev/null
+++ b/_v3.2.1/api/class/annotation/unknown.md
@@ -0,0 +1,113 @@
+---
+layout: default-layout
+needAutoGenerateSidebar: true
+needGenerateH3Content: true
+noTitleIndex: true
+title: Dynamsoft Document Viewer API Reference - Unknown Class
+keywords: Documentation, Dynamsoft Document Viewer, API Reference, Unknown Class
+breadcrumbText: Unknown Class
+description: Dynamsoft Document Viewer Documentation API Reference Unknown Class Page
+
+---
+
+# Unknown Class
+
+This type of annotation may be cannot read by Dynamsoft Document Viewer so far.
+
+## API Index
+
+| API Name | Description |
+| --------------------------------------- | ----------------------------------------------------------- |
+| [`uid`](#uid) | Return the uid of the annotation. |
+| [`pageUid`](#pageuid) | Return the uid of the page where the annotation is located. |
+| [`source`](#source) | Return the source of the annotation. |
+| [`type`](#type) | Return the type of the annotation |
+| [`creationDate`](#creationdate) | Return the creation date of the annotation. |
+| [`modificationDate`](#modificationdate) | Return the modification date of the annotation. |
+
+## uid
+
+Return the uid of the annotation.
+
+**Syntax**
+
+```typescript
+readonly uid: string;
+```
+
+{% comment %}
+**Remark**
+
+- It will return `''`, if the annotation is deleted.
+{% endcomment %}
+
+## pageUid
+
+Return the uid of the page where the annotation is located.
+
+**Syntax**
+
+```typescript
+readonly pageUid: string;
+```
+
+**Remark**
+
+- It will return `''`, if the annotation is deleted.
+
+## source
+
+Return the source of the annotation. Possible values:
+
+* user: the annotation is created by the user's action
+* file: the annotation is created from a PDF file
+* api: the annotation is created with code
+
+**Remark**
+
+It will return `''`, if the annotation is deleted.
+
+## type
+
+Return the type of the annotation: `unknown`.
+
+All annotation types:
+
+```ts
+"rectangle" | "ellipse" | "line" | "polygon" | "polyline" | "ink" | "textBox" | "textTypewriter" | "stamp" | "highlight" | "underline" | "strikeout" | "incomplete" | "unknown"
+```
+
+## creationDate
+
+Return the creation date of the annotation.
+
+**Syntax**
+
+```typescript
+readonly creationDate: string;
+```
+
+**Remark**
+
+- The string would be `D:YYYYMMDDHHmmSSOHH'mm'`, like `D:20230101085959-08'00'`.
+
+## modificationDate
+
+Return the modification date of the annotation.
+
+**Syntax**
+
+```typescript
+readonly modificationDate: string;
+```
+
+**Remark**
+
+- The string would be `D:YYYYMMDDHHmmSSOHH'mm'`, like `D:20230101085959-08'00'`.
+- It will return `''`, if the annotation is deleted.
+- If the annotation is created but not be modified after adding, it equals to [`creationDate`](#creationdate).
+
+{% comment %}
+
+- It will return `''`, if the annotation is deleted.
+{% endcomment %}
diff --git a/_v3.2.1/api/class/annotationmanager.md b/_v3.2.1/api/class/annotationmanager.md
new file mode 100644
index 0000000..7f9d32b
--- /dev/null
+++ b/_v3.2.1/api/class/annotationmanager.md
@@ -0,0 +1,556 @@
+---
+layout: default-layout
+needAutoGenerateSidebar: true
+needGenerateH3Content: true
+noTitleIndex: true
+title: Dynamsoft Document Viewer API Reference - AnnotationManager Class
+keywords: Documentation, Dynamsoft Document Viewer, API Reference, AnnotationManager Class
+breadcrumbText: AnnotationManager Class
+description: Dynamsoft Document Viewer Documentation API Reference AnnotationManager Class Page
+
+---
+
+# AnnotationManager Class
+
+The `Dynamsoft.DDV.annotationManager` instance will be created automatically as soon as DDV is initialized. Please refer to [`annotationManager`]({{ site.api }}namespace/ddv.html#static-annotationmanager).
+
+## API Index
+
+**Methods**
+
+| API Name | Description |
+| ------------------------------ | ------------------------------------------------------------ |
+| [`createAnnotation()`](#createAnnotation) | Create an annotation instance. |
+| [`getAnnotationsByUids()`](#getannotationsbyuids) | Get annotations by annotation uids. |
+| [`getAnnotationsByPage()`](#getannotationsbypage) | Get annotations in specified page. |
+| [`getAnnotationsByDoc()`](#getannotationsbydoc) | Get all annotations in specified document. |
+| [`deleteAnnotations()`](#deleteannotations) | Delete specified annotations. |
+| [`bringAnnotationForward()`](#bringannotationforward) | Bring the specified annotation forward. |
+| [`sendAnnotationBackward()`](#sendannotationbackward) | Send the specified annotation backward. |
+| [`bringAnnotationToFront()`](#bringannotationtofront) | Bring the specified annotation in front of all other annotations. |
+| [`sendAnnotationToBack()`](#sendannotationtoback) | Send the specified annotation behind all other annotations. |
+{% comment %}
+| [`importXfdf()`](#importxfdf) | Import annotations in an XFDF(XML) string to the specified document. |
+| [`exportXfdf()`](#exportxfdf) | Export all annotations from the specified document as an XFDF(XML) string. |
+{% endcomment %}
+
+
+**Events**
+
+| API Name | Description |
+| -------- | -------------------------------------------------- |
+| [`on()`](#on) | Bind a listener to the specified event. |
+| [`off()`](#off) | Unbind event listener(s) from the specified event. |
+
+
+***Integrated Events***
+
+| Event Name | Description |
+| --------------- | ----------------------------------------- |
+| [`annotationsAdded`](#annotationsadded) | Triggered when new annotation(s) is added. |
+| [`annotationsDeleted`](#annotationsdeleted) | Triggered when annotation(s) is deleted. |
+| [`annotationLayerChanged`](#annotationlayerchanged) | Triggered when annotation's layer is changed. |
+| [`annotationsModified`](#annotationsmodified) | Triggered when annotation(s) is modified. |
+
+
+## Methods
+
+### createAnnotation()
+Create an annotation instance and add the created instance to the specified page.
+
+**Syntax**
+
+```typescript
+createAnnotation(pageUid: string, type: K, annotationOptions?: AnnotationsTypeMapOuter[K]["options"]): AnnotationsTypeMapOuter[K]["return"];
+```
+
+**Parameters**
+
+`pageUid`: Specify the page to add the annotation.
+
+`type`: Specify the type of annotation to create.
+```typescript
+type AnnotationType = "rectangle" | "ellipse" | "polygon" | "polyline" | "line" | "ink" | "textBox" | "textTypewriter" | "stamp" | "highlight" | "underline"| "strikeout";
+```
+
+`annotationOptions`: The annotation options. Please refer to [the options list](/api/interface/annotationinterface/index.md#options).
+
+**Return value**
+
+The instance of annotation. Please refer to [Annotation](/api/class/annotation/index.md).
+
+**Code Snippet**
+
+- To creat new annotations.
+
+ ```typescript
+ // Given that editViewer is an existing instance of EditViewer and a document is currently open.
+ const pageUid = editViewer.indexToUid(0);
+
+ const rect = Dynamsoft.DDV.annotationManager.createAnnotation(pageUid, "rectangle");
+ const ellipse = Dynamsoft.DDV.annotationManager.createAnnotation(pageUid, "ellipse");
+ const polygon = Dynamsoft.DDV.annotationManager.createAnnotation(pageUid, "polygon");
+ const polyline = Dynamsoft.DDV.annotationManager.createAnnotation(pageUid, "polyline");
+ const line = Dynamsoft.DDV.annotationManager.createAnnotation(pageUid, "line");
+ const ink = Dynamsoft.DDV.annotationManager.createAnnotation(pageUid, "ink");
+ const textBox = Dynamsoft.DDV.annotationManager.createAnnotation(pageUid, "textBox");
+ const textTypewriter = Dynamsoft.DDV.annotationManager.createAnnotation(pageUid, "textTypewriter");
+ const stamp = await Dynamsoft.DDV.annotationManager.createAnnotation(pageUid, "stamp");
+ ```
+
+
+**Exception**
+
+ Error Code | Error Message
+--------|-----------------------------------------------------
+ -80001 | License string is invalid.
+ -80002 | *XXX(LicenseModuleName)* module license has expired.
+ -80003 | *XXX(LicenseModuleName)* module license is missing.
+ -80004 | *XXX(LicenseModuleName)* module license version does not match.
+ -80005 | Domain does not match the domain bound to the *XXX(LicenseModuleName)* module license.
+ -80050 | DDV.Core.init() has not been set up yet.
+ -80051 | DDV.Core.init() has not been completed.
+ -80100 | *XXX(API)*: *XXX(ParameterName)* is invalid.
+ -80102 | *XXX(API)*: *XXX(ParameterName)* is missing.
+ -80103 | *XXX(API)*: The value for *XXX(ParameterName)* is not supported.
+ -80105 | *XXX(API)*: The specified page(s) do not exist.
+
+
+### getAnnotationsByUids()
+
+Get annotations by annotation uids.
+
+**Syntax**
+
+```typescript
+getAnnotationsByUids(annotationUids: string[]): Annotation[];
+```
+
+**Parameters**
+
+`annotationUids`: The array of the annotation uids.
+
+**Return value**
+
+An array of [Annotation](/api/class/annotation/index.md) objects.
+
+**Warning**
+
+ Error Code | Error Message | API return value
+-------------|-----------------------------------------------------|---------------
+ -80100 | *XXX(API)*: *XXX(ParameterName)* is invalid. | []
+ -80102 | *XXX(API)*: *XXX(ParameterName)* is missing. | []
+ -80106 | *XXX(API)*: The specified annotation does not exist.| []
+
+### getAnnotationsByPage()
+
+Get annotations in specified page.
+
+**Syntax**
+
+```typescript
+getAnnotationsByPage(pageUid: string): Annotation[];
+```
+
+**Parameters**
+
+`pageUid`: Specify the page.
+
+**Return value**
+
+An array of [Annotation](/api/class/annotation/index.md) object.
+
+**Warning**
+
+ Error Code | Error Message | API return value
+-------------|-----------------------------------------------------|---------------
+ -80100 | *XXX(API)*: *XXX(ParameterName)* is invalid. | []
+ -80102 | *XXX(API)*: *XXX(ParameterName)* is missing. | []
+ -80105 | *XXX(API)*: The specified page(s) do not exist. | []
+
+### getAnnotationsByDoc()
+
+Get all annotations in specified document.
+
+**Syntax**
+
+```typescript
+getAnnotationsByDoc(docUid: string): Annotation[];
+```
+
+`docUid`: Specify the doc.
+
+**Return value**
+
+An array of [Annotation](/api/class/annotation/index.md) objects.
+
+**Warning**
+
+ Error Code | Error Message | API return value
+--------|-----------------------------------------------------|---------------
+ -80100 | *XXX(API)*: *XXX(ParameterName)* is invalid. | []
+ -80102 | *XXX(API)*: *XXX(ParameterName)* is missing. | []
+ -80104 | *XXX(API)*: The specified document(s) do not exist. | []
+
+
+### deleteAnnotations()
+
+Delete specified annotations.
+
+**Syntax**
+
+```typescript
+deleteAnnotations(annotationUids: string[]): boolean;
+```
+
+**Parameters**
+
+`annotationUids`: Specify the array of annotation uids to delete.
+
+**Return value**
+
+`true`
+
+`false`
+
+**Warning**
+
+ Error Code | Error Message | API return value
+-------------|--------------------------------------------------------|---------------
+ -80100 | *XXX(API)*: *XXX(ParameterName)* is invalid. | `false`
+ -80102 | *XXX(API)*: *XXX(ParameterName)* is missing. | `false`
+ -80106 | *XXX(API)*: The specified annotation does not exist. | `false`
+
+### bringAnnotationForward()
+
+Bring the specified annotation forward.
+
+**Syntax**
+
+```typescript
+bringAnnotationForward(annotationUid: string): boolean;
+```
+
+**Parameters**
+
+`annotationUid`: Specify the annotation uid to bring forward.
+
+**Return value**
+
+`true`: Successfully.
+
+`false`: Failed.
+
+**Warning**
+
+ Error Code | Error Message | API return value
+-------------|--------------------------------------------------------|---------------
+ -80100 | *XXX(API)*: *XXX(ParameterName)* is invalid. | `false`
+ -80102 | *XXX(API)*: *XXX(ParameterName)* is missing. | `false`
+ -80106 | *XXX(API)*: The specified annotation does not exist. | `false`
+
+### sendAnnotationBackward()
+
+Send the specified annotation backward.
+
+**Syntax**
+
+```typescript
+sendAnnotationBackward(annotationUid: string): boolean;
+```
+
+**Parameters**
+
+`annotationUid`: Specify the annotation uid to send backward.
+
+**Return value**
+
+`true`: Successfully.
+
+`false`: Failed.
+
+**Warning**
+
+ Error Code | Error Message | API return value
+-------------|--------------------------------------------------------|---------------
+ -80100 | *XXX(API)*: *XXX(ParameterName)* is invalid. | `false`
+ -80102 | *XXX(API)*: *XXX(ParameterName)* is missing. | `false`
+ -80106 | *XXX(API)*: The specified annotation does not exist. | `false`
+
+### bringAnnotationToFront()
+
+Bring the specified annotation in front of all other annotations.
+
+**Syntax**
+
+```typescript
+bringAnnotationToFront(annotationUid: string): boolean;
+```
+
+**Parameters**
+
+`annotationUid`: Specify the annotation uid to bring to front.
+
+**Return value**
+
+`true`: Successfully.
+
+`false`: Failed.
+
+**Warning**
+
+ Error Code | Error Message | API return value
+-------------|--------------------------------------------------------|---------------
+ -80100 | *XXX(API)*: *XXX(ParameterName)* is invalid. | `false`
+ -80102 | *XXX(API)*: *XXX(ParameterName)* is missing. | `false`
+ -80106 | *XXX(API)*: The specified annotation does not exist. | `false`
+
+### sendAnnotationToBack()
+
+Send the specified annotation behind all other annotations.
+
+**Syntax**
+
+```typescript
+sendAnnotationToBack(annotationUid: string): boolean;
+```
+
+**Parameters**
+
+`annotationUid`: Specify the annotation uid to send to back.
+
+**Return value**
+
+`true`: Successfully.
+
+`false`: Failed.
+
+**Warning**
+
+ Error Code | Error Message | API return value
+-------------|--------------------------------------------------------|---------------
+ -80100 | *XXX(API)*: *XXX(ParameterName)* is invalid. | `false`
+ -80102 | *XXX(API)*: *XXX(ParameterName)* is missing. | `false`
+ -80106 | *XXX(API)*: The specified annotation does not exist. | `false`
+
+{% comment %}
+### importXfdf()
+
+Import annotations in an XFDF(XML) string to the specified document.
+
+**Syntax**
+
+```typescript
+importXfdf(docUid: string, xfdf: string): Prmoise;
+```
+
+**Parameters**
+
+`docUid`: Specify the document.
+
+`xfdf`: The XFDF(XML) string to import.
+
+**Return value**
+
+An array of imported [Annotation](/api/class/annotation/index.md) objects.
+
+**Promise Exception**
+
+ Error Code | Error Message
+--------|-----------------------------------------------------
+ -80001 | License string is invalid.
+ -80002 | *XXX(LicenseModuleName)* module license has expired.
+ -80003 | *XXX(LicenseModuleName)* module license is missing.
+ -80004 | *XXX(LicenseModuleName)* module license version does not match.
+ -80005 | Domain does not match the domain bound to the *XXX(LicenseModuleName)* module license.
+ -80050 | DDV.Core.init() has not been set up yet.
+ -80051 | DDV.Core.init() has not been completed.
+ -80100 | *XXX(API)*: *XXX(ParameterName)* is invalid.
+ -80102 | *XXX(API)*: *XXX(ParameterName)* is missing.
+ -80104 | *XXX(API)*: The specified document(s) do not exist.
+
+ **Warning**
+
+ Error Code | Error Message
+--------|-----------------------------------------------------
+ -80203 | Failed to read some annotations because they are not supported by Dynamsoft Document Viewer so far.
+
+### exportXfdf()
+
+Export all annotations from the specified document as an XFDF(XML) string.
+
+**Syntax**
+
+```typescript
+exportXfdf(docUid: string): Promise;
+```
+
+**Parameters**
+
+`docUid`: Specify the document.
+
+**Return value**
+
+The XFDF(XML) string.
+
+**Promise Exception**
+
+ Error Code | Error Message
+--------|-----------------------------------------------------
+ -80001 | License string is invalid.
+ -80002 | *XXX(LicenseModuleName)* module license has expired.
+ -80003 | *XXX(LicenseModuleName)* module license is missing.
+ -80004 | *XXX(LicenseModuleName)* module license version does not match.
+ -80005 | Domain does not match the domain bound to the *XXX(LicenseModuleName)* module license.
+ -80050 | DDV.Core.init() has not been set up yet.
+ -80051 | DDV.Core.init() has not been completed.
+ -80100 | *XXX(API)*: *XXX(ParameterName)* is invalid.
+ -80102 | *XXX(API)*: *XXX(ParameterName)* is missing.
+ -80104 | *XXX(API)*: The specified document(s) do not exist.
+
+{% endcomment %}
+
+## Events
+
+### on()
+
+Bind a listener to the specified event.
+
+**Syntax**
+
+```typescript
+on(eventName: EventName, listener:(event:EventObject)=>void): void;
+```
+
+**Parameters**
+
+`eventName`: Specify the event name. It should be [an integrated event name](#integrated-events).
+
+`listener`: Specify the listener.
+
+**Code Snippet**
+
+```typescript
+// Bind a listener to the integrated event annotationsModified.
+const eventFunc = (e)=>{
+ console.log(e);
+ console.log(e.modifiedAnnotations[0].uid);
+ console.log(e.modifiedAnnotations[0].newOptions);
+ console.log(e.actions);
+};
+
+Dynamsoft.DDV.annotationManager.on("annotationsModified", eventFunc);
+```
+
+**Warning**
+
+ Error Code | Error Message
+--------|-----------------------------------------------------
+ -80100 | *XXX(API)*: *XXX(ParameterName)* is invalid.
+ -80102 | *XXX(API)*: *XXX(ParameterName)* is missing.
+ -80103 | *XXX(API)*: The value for *XXX(ParameterName)* is not supported.
+
+### off()
+
+Unbind event listener(s) from the specified event.
+
+**Syntax**
+
+```typescript
+off(eventName: EventName, listener?:(event:EventObject)=>void): void;
+```
+
+**Parameters**
+
+`eventName`: Specify the event name. It should be [an integrated event name](#integrated-events).
+
+`listener`: Specify the listener. If no listener is specified, unbind all event listeners from the specified event
+
+**Code Snippet**
+
+```typescript
+const eventFunc = (e)=>{
+ console.log(e);
+ console.log(e.modifiedAnnotations[0].uid);
+ console.log(e.modifiedAnnotations[0].newOptions);
+ console.log(e.actions);
+};
+
+Dynamsoft.DDV.annotationManager.on("annotationsModified", eventFunc);
+
+// Unbind the specified event listener.
+Dynamsoft.DDV.annotationManager.off("annotationsModified", eventFunc);
+```
+
+**Warning**
+
+ Error Code | Error Message
+--------|-----------------------------------------------------
+ -80100 | *XXX(API)*: *XXX(ParameterName)* is invalid.
+ -80102 | *XXX(API)*: *XXX(ParameterName)* is missing.
+ -80103 | *XXX(API)*: The value for *XXX(ParameterName)* is not supported.
+
+### Integrated events
+
+#### annotationsAdded
+
+Triggered when new annotation(s) is added.
+
+**Callback**
+
+An EventObject.
+
+**Attributes**
+
+`annotationUids`: The array of new added annotations uids.
+
+#### annotationsDeleted
+
+Triggered when annotation(s) is deleted.
+
+**Callback**
+
+An EventObject.
+
+**Attributes**
+
+`annotationUids`: The array of deleted annotations uids.
+
+#### annotationLayerChanged
+
+Triggered when annotation's layer is changed.
+
+**Callback**
+
+An EventObject.
+
+**Attributes**
+
+`oldAnnotationUidList `: The list of old annotation uids, arranged in hierarchical order from bottom to top for each page.
+
+`newAnnotationUidList`: The list of new annotation uids, arranged in hierarchical order from bottom to top for each page.
+
+#### annotationsModified
+
+Triggered when annotation(s) is modified.
+
+**Callback**
+
+An EventObject.
+
+**Attributes**
+
+`modifiedAnnotations`: The array of the objects which include below properties.
+
+- `uid`: The modified annotation uid.
+- `oldOptions`: The modified annotation old options.
+- `newOptions`: The modified annotation new options.
+
+`actions`: The array of actions. Supported actions:
+
+- `moved`
+- `resized`
+- `rotated`
+- `flagsChanged`
+- `appearanceChanged`
+- `contentChanged`
diff --git a/_v3.2.1/api/class/editviewer.md b/_v3.2.1/api/class/editviewer.md
new file mode 100644
index 0000000..f7a4c9d
--- /dev/null
+++ b/_v3.2.1/api/class/editviewer.md
@@ -0,0 +1,1883 @@
+---
+layout: default-layout
+needAutoGenerateSidebar: true
+needGenerateH3Content: true
+noTitleIndex: true
+title: Dynamsoft Document Viewer API Reference - EditViewer Class
+keywords: Documentation, Dynamsoft Document Viewer, API Reference, EditViewer Class
+breadcrumbText: EditViewer Class
+description: Dynamsoft Document Viewer Documentation API Reference EditViewer Class Page
+
+---
+
+# EditViewer Class
+
+Edit Viewer is used to edit the pages in document, such as, rotating, cropping, filtering, etc. as well as adjust the layout of the display.
+
+## API Index
+
+**Create and Destroy Instances**
+
+| API Name | Description |
+| ----------------------------- | ------------------------------------------------ |
+| [`EditViewer()`](#editviewer) | Default constructor of an `EditViewer` instance. |
+| [`destroy()`](#destroy) | Destroy the `EditViewer` instance. |
+
+**Viewer Control**
+
+| API Name | Description |
+| --------------------------------------- | ---------------------------------------------------- |
+| [`bindContainer()`](#bindcontainer) | Bind the viewer to the specified container. |
+| [`unbindContainer()`](#unbindcontainer) | Unbind the viewer from the specified container. |
+| [`isBoundContainer`](#isboundcontainer) | Return whether the viewer is bound to a container. |
+| [`getStyle()`](#getstyle) | Get the style object of `EditViewer`. |
+| [`getVisiblePagesInfo()`](#getVisiblePagesInfo) | Get the visible pages info |
+| [`updateStyle()`](#updatestyle) | Update the style object of `EditViewer`. |
+| [`getUiConfig()`](#getuiconfig) | Get current `UiConfig` object. |
+| [`updateUiConfig()`](#updateuiconfig) | Update `UiConfig` object. |
+| [`show()`](#show) | Show the viewer. |
+| [`hide()`](#hide) | Hide the viewer. |
+| [`isVisible`](#isvisible) | Return whether the viewer is shown or hidden. |
+| [`toolMode`](#toolmode) | Specify or return the tool mode of the viewer. |
+| [`annotationMode`](#annotationmode) | Specify or return the annotation mode of the viewer. |
+
+**Document and Page Control**
+
+| API Name | Description |
+| ----------------------------------------------- | ----------------------------------------------- |
+| [`openDocument()`](#opendocument) | Open the specified document by document uid. |
+| [`closeDocument()`](#closedocument) | Close current document. |
+| [`currentDocument`](#currentdocument) | Return the object of the current document. |
+| [`getPageCount()`](#getpagecount) | Get the page count in the viewer. |
+| [`goToPage()`](#gotopage) | Navigate to the specified page by index. |
+| [`getCurrentPageIndex()`](#getcurrentpageindex) | Get the index of current page. |
+| [`getCurrentPageUid()`](#getcurrentpageuid) | Get the uid of the current page. |
+| [`indexToUid()`](#indextouid) | Get the uid of the specified page by its index. |
+| [`uidToIndex()`](#uidtoindex) | Get the index of the specified page by its uid. |
+
+
+**Display Control**
+
+| API Name | Description |
+| ----------------------------------------------------- | -------------------------------------------------- |
+| [`displayMode`](#displaymode) | Specify or return the display mode of the viewer. |
+| [`setParallelScrollCount()`](#setparallelscrollcount) | Specify the number of pages to scroll in parallel. |
+| [`fitMode`](#fitmode) | Specify or return the fit mode of the viewer. |
+| [`zoom`](#zoom) | Specify or return zoom ratio. |
+| [`zoomOrigin`](#zoomorigin) | Specify or return the zoom origin of the viewer. |
+
+**Annotation Control**
+
+| API Name | Description |
+| ----------------------------------------------------------- | ---------------------------------------------------------------- |
+| [`setAnnotationDrawingStyle()`](#setannotationdrawingstyle) | Set the default drawing style of annotations by annotation type. |
+| [`selectAnnotations()`](#selectannotations) | Select the specified annotation(s) on the current page. |
+| [`getSelectedAnnotations()`](#getselectedannotations) | Get selected annotation(s). |
+| [`getAnnotationDrawingStyle()`](#getannotationdrawingstyle) | Get the annotation drawing style(s). |
+
+
+**Edit Operations**
+
+| API Name | Description |
+| ------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------- |
+| [`rotate()`](#rotate) | Rotate the specified pages. |
+| [`crop()`](#crop) | Crop the specified page(s) with the specified rectangle. |
+| [`getCropRect()`](#getcroprect) | Get the crop rectangular selection. |
+| [`setCropRect()`](#setcroprect) | Set a crop rectangular selection on the current page. *This method is only available when [`toolMode`](#toolmode) is `crop` mode.* |
+| [`cropMode`](#cropmode) | Get the current mode for cropping: crop the current image or all the images |
+| [`undo()`](#undo) | Undo the last editing operation. |
+| [`redo()`](#redo) | Redo the last undo operation. |
+| [`saveOperations()`](#saveoperations) | Save the edit operations in pages to document. |
+
+**Text Selection**
+
+| API Name | Description |
+| --------------- | -------------------------------------------------- |
+| [`getTextSelection()`](#gettextselection) | Get selected text's detailed info. |
+
+**Search**
+
+| API Name | Description |
+| --------------- | -------------------------------------------------- |
+| [`searchNextText()`](#searchnexttext) | Search the next matched result. |
+| [`searchPrevText()`](#searchprevtext) | Search the previous matched result. |
+| [`searchFullText()`](#searchfulltext) | Search the full text to get all the matched results. |
+
+**Events**
+
+| API Name | Description |
+| --------------- | -------------------------------------------------- |
+| [`on()`](#on) | Bind a listener to the specified event. |
+| [`off()`](#off) | Unbind event listener(s) from the specified event. |
+
+***Integrated Events***
+
+| Event Name |
+| ----------------------------------------------------------- |
+| [`resized`](#resized) |
+| [`pageRendered`](#pagerendered) |
+| [`currentIndexChanged`](#currentindexchanged) |
+| [`currentPageChanged`](#currentpagechanged) |
+| [`displayModeChanged`](#displaymodechanged) |
+| [`fitModeChanged`](#fitmodechanged) |
+| [`zoomChanged`](#zoomchanged) |
+| [`toolModeChanged`](#toolmodechanged) |
+| [`cropRectDrawn`](#croprectdrawn) |
+| [`cropRectDeleted`](#croprectdeleted) |
+| [`cropRectModified`](#croprectmodified) |
+| [`annotationDrawingStyleChanged`](#annotationdrawingstylechanged) |
+| [`selectedAnnotationsChanged`](#selectedannotationschanged) |
+| [`click`](#click) |
+| [`dblclick`](#dbclick) |
+| [`rightclick`](#rightclick) |
+| [`visibilityChanged`](#visibilitychanged) |
+| [`textUnselected`](#textunselected) |
+| [`textSelected`](#textselected) |
+| [`textSearchTriggered`](#textsearchtriggered) |
+| [`undoRedoStateChanged`](#undoredostatechanged) |
+| [`paginationChanged`](#paginationchanged) |
+| [`pointerdown`](#pointerdown) |
+| [`pointerdown`](#pointerdown) |
+| [`pointermove`](#pointermove) |
+| [`pointerup`](#pointerup) |
+| [`pageover`](#pageover) |
+| [`pageout`](#pageout) |
+| [`scroll`](#scroll) |
+
+## Create and Destroy Instances
+
+### EditViewer()
+
+Default constructor of an `EditViewer` instance.
+
+**Syntax**
+
+```typescript
+new Dynamsoft.DDV.EditViewer(options?: EditViewerConstructorOptions);
+```
+
+**Parameters**
+
+`options`: The constructor options for an `EditViewer` instance. Please refer to [`EditViewerConstructorOptions`](/api/interface/editviewerconstructoroptions.md).
+
+**Code Snippet**
+
+```typescript
+const editViewer = new Dynamsoft.DDV.EditViewer({
+ container: document.getElementById("viewer"),
+});
+
+// An IBrowseViewer object will be created at meanwhile. Please refer to Remark part.
+const thumbnailObj = editViewer.thumbnail;
+```
+
+**Exception**
+
+ | Error Code | Error Message |
+ | ---------- | -------------------------------------------------------------------------------------- |
+ | -80100 | *XXX(API)*: *XXX(ParameterName)* is invalid. |
+ | -80001 | License string is invalid. |
+ | -80002 | *XXX(LicenseModuleName)* module license has expired. |
+ | -80003 | *XXX(LicenseModuleName)* module license is missing. |
+ | -80004 | *XXX(LicenseModuleName)* module license version does not match. |
+ | -80005 | Domain does not match the domain bound to the *XXX(LicenseModuleName)* module license. |
+ | -80050 | DDV.Core.init() has not been set up yet. |
+ | -80051 | DDV.Core.init() has not been completed. |
+ | -80302 | minZoom value cannot be larger than maxZoom value. |
+
+**Warning**
+
+ | Error Code | Error Message |
+ | ---------- | ------------------------------------------------------------------------------------------------------------ |
+ | -80316 | ImageFilter needs to be configured by Dynamsoft.DDV.setProcessingHandler to enable the image filter feature. |
+
+**Remark**
+
+- An `IBrowseViewer` object, `editViewer.thumbnail`, will be created at meanwhile which represents the thumbnail object in edit viewer. Please refer to [`IBrowseViewer`]({{ site.api }}interface/ibrowseviewer.html).
+
+### destroy()
+
+Destroy the `EditViewer` instance.
+
+**Syntax**
+
+```typescript
+destroy(): void;
+```
+
+**Code Snippet**
+
+```typescript
+editViewer.destroy();
+```
+
+**Remark**
+
+- The editing operations (rotating, cropping, filtering) in pages will be saved to document automatically when destroy the viewer instance.
+
+**See Also**
+
+[saveOperations](#saveoperations)
+
+## Viewer Control
+
+### bindContainer()
+
+Bind the viewer to the specified container.
+
+**Syntax**
+
+```typescript
+bindContainer(container: string | HTMLElement): void;
+```
+
+**Parameters**
+
+`container`: The container which is used to show the viewer. Its `id` or `HTMLElement` is acceppted.
+
+**Code Snippet**
+
+```typescript
+// Assume there is a container with id "viewercontainer" on the page.
+editViewer.bindContainer("viewercontainer");
+```
+
+**Exception**
+
+ Error Code | Error Message
+--------|-----------------------------------------------------
+ -80100 | *XXX(API)*: *XXX(ParameterName)* is invalid.
+ -80102 | *XXX(API)*: *XXX(ParameterName)* is missing.
+ -80301 | The specified container does not exist.
+
+**Remark**
+
+- A viewer can only be bound to one container at once. If you bind the viewer to another container when it has been bound to a container, the viewer will be bound to the new container and unbound from the old container automatically.
+
+### unbindContainer()
+
+Unbind the viewer from the specified container.
+
+**Syntax**
+
+```typescript
+unbindContainer(): void;
+```
+
+**Code Snippet**
+
+```typescript
+editViewer.unbindContainer();
+```
+
+### isBoundContainer
+
+Return whether the viewer is bound to a container.
+
+**Syntax**
+
+```typescript
+readonly isBoundContainer: boolean;
+```
+
+### getStyle()
+
+Get the style object of `EditViewer`.
+
+**Syntax**
+
+```typescript
+getStyle(editViewerStyleName: EditViewerStyleName): EditViewerStyle | null;
+```
+
+**Parameters**
+
+`editViewerStyleName`: An `EditViewerStyleName` can be one of five types.
+
+```typescript
+type EditViewerStyleName = "canvasStyle" | "pageStyle" | "currentPageStyle" | "quadSelectionStyle" | "annotationSelectionStyle";
+```
+
+**Return values**
+
+The style object. Please refer to [Style Interfaces]({{ site.api }}interface/styleinterface/index.html)..
+
+**Code Snippet**
+
+```typescript
+// Get pageStyle object;
+const pageStyle = editViewer.getStyle("pageStyle");
+```
+
+**Warning**
+
+ Error Code | Error Message | API Return Value
+--------|-------------------------------------------------------------------------|----------------------
+ -80100 | *XXX(API)*: *XXX(ParameterName)* is invalid. | `null`
+ -80102 | *XXX(API)*: *XXX(ParameterName)* is missing. | `null`
+ -80103 | *XXX(API)*: The value for *XXX(ParameterName)* is not supported. | `null`
+
+### getVisiblePagesInfo()
+
+Get the visible pages info.
+
+**Syntax**
+
+```typescript
+getVisiblePagesInfo(): PageVisualInfo[];
+```
+
+**Return values**
+
+Array of the `PageVisualInfo` object. Please refer to [`PageVisualInfo`](/api/interface/pagevisualinfo.md).
+
+### updateStyle()
+
+Update the style object of `EditViewer`.
+
+**Syntax**
+
+```typescript
+updateStyle(editViewerStyleName: EditViewerStyleName, editViewerStyle: EditViewerStyle): boolean;
+```
+
+**Parameters**
+
+`editViewerStyleName`: An `EditViewerStyleName` can be one of five types.
+
+```typescript
+type EditViewerStyleName = "canvasStyle" | "pageStyle" | "currentPageStyle" | "quadSelectionStyle" | "annotationSelectionStyle";
+```
+
+`editViewerStyle`: The style object. Please refer to [Style Interfaces]({{ site.api }}interface/styleinterface/index.html).
+
+**Return Value**
+
+`true`: Successfully.
+
+`false`: Failed.
+
+**Code Snippet**
+
+- First method
+
+ ```typescript
+ // Get style object
+ const pageStyle = editViewer.getStyle("pageStyle");
+
+ // Modify the style object
+ pageStyle.background = "red";
+ pageStyle.border = "1px solid green";
+
+ // Update page style
+ editViewer.updateStyle("pageStyle", pageStyle);
+ ```
+
+- Second method
+
+ ```typescript
+ // Update the style object directly
+ editViewer.updateStyle("pageStyle", {
+ background: "red",
+ border: "1px solid green",
+ });
+ ```
+
+**Warning**
+
+ Error Code | Error Message | API Return Value
+--------|-------------------------------------------------------------------------|----------------------
+ -80100 | *XXX(API)*: *XXX(ParameterName)* is invalid. | `false`
+ -80102 | *XXX(API)*: *XXX(ParameterName)* is missing. | `false`
+ -80103 | *XXX(API)*: The value for *XXX(ParameterName)* is not supported. | `false`
+
+
+**Remark**
+
+- The updates are independent of whether the viewer is displayed and are updated in real time.
+
+### getUiConfig()
+
+Get current `UiConfig` object.
+
+**Syntax**
+
+```typescript
+getUiConfig(): UiConfig;
+```
+
+**Return Value**
+
+The [`UiConfig`]({{ site.api }}interface/uiconfig.html) object.
+
+**Code Snippet**
+
+```typescript
+const viewerUi = editViewer.getUiConfig();
+```
+
+### updateUiConfig()
+
+Update `UiConfig` object.
+
+**Syntax**
+
+```typescript
+updateUiConfig(uiConfig: UiConfig): boolean;
+```
+
+**Parameters**
+
+`uiConfig`: The [`UiConfig`]({{ site.api }}interface/uiconfig.html) to update.
+
+**Return Value**
+
+`true`: Successfully.
+
+`false`: Failed.
+
+**Code Snippet**
+
+```typescript
+const viewerUi = Dynamsoft.DDV.getDefaultUiConfig("editViewer");
+const header = viewerUi.children[0];
+header.children.splice(0,0,Dynamsoft.DDV.Elements.Delete); //Add `Delete` element in header.
+editViewer.updateUiConfig(viewerUi);
+```
+
+**Warning**
+
+ Error Code | Error Message | API Return Value
+--------|-----------------------------------------------------|----------------------
+ -80100 | *XXX(API)*: *XXX(ParameterName)* is invalid. | `false`
+ -80102 | *XXX(API)*: *XXX(ParameterName)* is missing. | `false`
+ -80313 | The element *XXX(ElementName)* is not supported in *XXX(ClassName)* class. | `false`
+
+**Remark**
+
+- The updates are independent of whether the viewer is displayed and are updated in real time.
+
+### show()
+
+Show the viewer.
+
+**Syntax**
+
+```typescript
+show(): void;
+```
+
+**Code Snippet**
+
+```typescript
+editViewer.show();
+```
+
+**Remark**
+
+- The viewer is shown automatically when it is created.
+
+### hide()
+
+Hide the viewer.
+
+**Syntax**
+
+```typescript
+hide(): void;
+```
+
+**Code Snippet**
+
+```typescript
+editViewer.hide();
+```
+
+### isVisible
+
+Return whether the viewer is shown or hidden.
+
+**Syntax**
+
+```typescript
+readonly isVisible: boolean;
+```
+
+**Remark**
+
+- The viewer is shown automatically when it is created which means the default value of `isVisible` is `true`.
+
+### toolMode
+
+Specify or return the tool mode of the viewer.
+
+**Syntax**
+
+```typescript
+toolMode: ToolMode;
+```
+
+A `ToolMode` can be one of following types.
+
+```typescript
+type ToolMode = "pan" | "crop" | "annotation" | "textSelection";
+```
+
+`pan`: The default tool mode.
+
+`crop`: A mode what allows drawing a rectangle by [`setCropRect()`](#setcroprect).
+
+`annotation`: A mode that allows creating annotations to be manipulated via the UI.
+
+`textSelection`: A mode that allows selecting text to be manipulated via the UI.
+
+**Code Snippet**
+
+```typescript
+editViewer.toolMode = "crop";
+```
+
+**Warning**
+
+ Error Code | Error Message
+--------|-----------------------------------------------------
+ -80100 | *XXX(API)*: *XXX(ParameterName)* is invalid.
+ -80103 | *XXX(API)*: The value for *XXX(ParameterName)* is not supported.
+
+**Remark**
+
+- If `toolMode` is set to `annotation`, can use [`annotationMode`](#annotationmode) to clarify the specific operation.
+
+### annotationMode
+
+Specify or return the annotation mode of the viewer.
+
+**Syntax**
+
+```typescript
+annotationMode: AnnotationMode;
+```
+
+An `AnnotationMode` can be one of following types.
+
+```typescript
+type AnnotationMode = "select" | "erase" | "rectangle" | "ellipse" | "line" | "polygon" | "polyline" | "ink" | "textBox" | "textTypewriter" | "stamp" | "highlight" | "strikeout" | "underline";
+```
+
+**Code Snippet**
+
+```typescript
+editViewer.toolMode = "annotation";
+editViewer.annotationMode = "select";
+```
+
+**Warning**
+
+ Error Code | Error Message
+--------|-----------------------------------------------------
+ -80100 | *XXX(API)*: *XXX(ParameterName)* is invalid.
+ -80103 | *XXX(API)*: The value for *XXX(ParameterName)* is not supported.
+
+**Remark**
+
+- It only take effect when [`toolMode`](#toolmode) is `annotation`.
+- Default value is `select`.
+- When `enableContinuousDrawing` is false, please note that the `toolMode` will automatically switch to `pan` after completing an annotation drawing interaction, unless the `annotationMode` is set to `select`, `erase`, or `ink` mode.
+
+## Document and Page Control
+
+### openDocument()
+
+Open the specified document.
+
+**Syntax**
+
+```typescript
+openDocument(docUid: string | doc: IDocument): void;
+```
+
+**Parameters**
+
+`docUid`: The uid of the specified document.
+
+`doc`: The object of the document to open. Please refer to [IDocument]({{ site.api }}interface/idocument/index.html).
+
+**Code Snippet**
+
+```typescript
+// Assume there is a document whose id is "lnn0ll9o124".
+editViewer.openDocument("lnn0ll9o124");
+
+// OR
+// Assume there is a document object firstDoc.
+const docUid = firstDoc.uid;
+editViewer.openDocument(docUid);
+editViewer.openDocument(firstDoc);
+```
+
+**Exception**
+
+ Error Code | Error Message
+--------|-----------------------------------------------------
+ -80100 | *XXX(API)*: docUid or doc is invalid.
+ -80102 | *XXX(API)*: docUid or doc is missing.
+ -80104 | *XXX(API)*: The specified document(s) do not exist.
+
+**Remark**
+
+- If another ducument is opened when there is a document already opened, the opened document will be closed automatically.
+
+### closeDocument()
+
+Close current document.
+
+**Syntax**
+
+```typescript
+closeDocument(): boolean;
+```
+
+**Return Value**
+
+`true`: Successfully.
+
+`false`: Failed.
+
+**Code Snippet**
+
+```typescript
+editViewer.closeDocument();
+```
+
+**Warning**
+
+ Error Code | Error Message | API Return Value
+--------|-----------------------------------------------------|--------------------
+ -80304 | No document opened. | `false`
+
+### currentDocument
+
+Return the object of the current document.
+
+**Syntax**
+
+```typescript
+readonly currentDocument: IDocument | null;
+```
+
+**Code Snippet**
+
+```typescript
+const currentDoc = editViewer.currentDocument;
+```
+
+**See Also**
+
+[IDocument]({{ site.api }}interface/idocument/index.html)
+
+### getPageCount()
+
+Get the page count in the viewer.
+
+**Syntax**
+
+```typescript
+getPageCount(): number;
+```
+
+**Return Value**
+
+The page count.
+
+**Code Snippet**
+
+```typescript
+const pageCount = editViewer.getPageCount();
+```
+
+**Warning**
+
+ Error Code | Error Message | API Return Value
+--------|-----------------------------------------------------|--------------------
+ -80304 | No document opened. | `-1`
+
+### goToPage()
+
+Navigate to the specified page by index.
+
+**Syntax**
+
+```typescript
+goToPage(index: number): number;
+```
+
+**Parameters**
+
+`index`: The index of the page which need to navigate to.
+
+**Return Value**
+
+The index of the page which navigate to.
+
+**Code Snippet**
+
+```typescript
+// Navigate to page 4.
+editViewer.goToPage(3);
+```
+
+**Warning**
+
+ Error Code | Error Message | API Return Value
+--------|----------------------------------------------------------|------------------
+ -80100 | *XXX(API)*: *XXX(ParameterName)* is invalid. | `-1`
+ -80101 | *XXX(API)*: *XXX(ParameterName)* is out of range. | `-1`
+ -80102 | *XXX(API)*: *XXX(ParameterName)* is missing. | `-1`
+ -80304 | No document opened. | `-1`
+ -80305 | There is no image in the current document. | `-1`
+
+### getCurrentPageIndex()
+
+Get the index of the current page.
+
+**Syntax**
+
+```typescript
+getCurrentPageIndex(): number;
+```
+
+**Return Value**
+
+The index of the current page.
+
+**Code Snippet**
+
+```typescript
+const currentIndex = editViewer.getCurrentPageIndex();
+```
+
+**Warning**
+
+ Error Code | Error Message | API Return Value
+--------|-----------------------------------------------------|--------------------
+ -80304 | No document opened. | `-1`
+ -80305 | There is no image in the current document. | `-1`
+
+### getCurrentPageUid()
+
+Get the uid of the current page.
+
+**Syntax**
+
+```typescript
+getCurrentPageUid(): string;
+```
+
+**Return Value**
+
+The uid of the current page.
+
+**Code Snippet**
+
+```typescript
+const curPageUid = editViewer.getCurrentPageUid();
+```
+
+**Warning**
+
+ Error Code | Error Message | API Return Value
+--------|-----------------------------------------------------|--------------------
+ -80304 | No document opened. | `''`
+ -80305 | There is no image in the current document. | `''`
+
+### indexToUid()
+
+Get the uid of the specified page by its index.
+
+**Syntax**
+
+```typescript
+indexToUid(index: number): string;
+```
+
+**Parameters**
+
+`index`: The index of the specified page.
+
+**Return Value**
+
+The uid of the page.
+
+**Code Snippet**
+
+```typescript
+// Get the first page's uid
+const firstPageUid = editViewer.indexToUid(0);
+```
+
+**Warning**
+
+ Error Code | Error Message | API Return Value
+--------|----------------------------------------------------------|------------------
+ -80100 | *XXX(API)*: *XXX(ParameterName)* is invalid. | `''`
+ -80101 | *XXX(API)*: *XXX(ParameterName)* is out of range. | `''`
+ -80102 | *XXX(API)*: *XXX(ParameterName)* is missing. | `''`
+ -80304 | No document opened. | `''`
+ -80305 | There is no image in the current document. | `''`
+
+### uidToIndex()
+
+Get the index of the specified page by its uid.
+
+**Syntax**
+
+```typescript
+uidToIndex(pageUid: string): number;
+```
+
+**Parameters**
+
+`pageUid`: The uid of the specified page.
+
+**Return Value**
+
+The index of the page.
+
+**Code Snippet**
+
+```typescript
+const curPageUid = editViewer.getCurrentPageUid();
+editViewer.uidToIndex(curPageUid);
+```
+
+**Warning**
+
+ Error Code | Error Message | API Return Value
+--------|----------------------------------------------------------|------------------
+ -80100 | *XXX(API)*: *XXX(ParameterName)* is invalid. | `-1`
+ -80102 | *XXX(API)*: *XXX(ParameterName)* is missing. | `-1`
+ -80105 | *XXX(API)*: The specified page(s) do not exist. | `-1`
+ -80304 | No document opened. | `-1`
+ -80305 | There is no image in the current document. | `-1`
+
+## Annotation Control
+
+### setAnnotationDrawingStyle()
+
+Set the default drawing style of annotations by annotation type.
+
+**Syntax**
+
+```typescript
+setAnnotationDrawingStyle(config: AnnotationDrawingStyleConfig): boolean;
+```
+
+**Parameters**
+
+`config`: Specifies the default drawing style of each stamp type provided. See [`AnnotationDrawingStyleConfig`]({{ site.api }}interface/styleinterface/annotationdrawingstyleconfig.html) for details.
+
+**Return value**
+
+`true`: Successfully set the specified default drawing styles.
+
+`false`: Failed to set the specified default drawing styles.
+
+**Warning**
+
+ | Error Code | Error Message | API return value |
+ | ---------- | -------------------------------------------- | ---------------- |
+ | -80100 | *XXX(API)*: *XXX(ParameterName)* is invalid. | `false` |
+ | -80102 | *XXX(API)*: *XXX(ParameterName)* is missing. | `false` |
+
+### selectAnnotations()
+
+Select the specified annotations on the current page.
+
+**Syntax**
+
+```typescript
+selectAnnotations(annotationUids: string[]): boolean;
+```
+
+**Parameters**
+
+`annotationUids`: Specify the array of annotation uids to select. If set to `[]`, no annotation will be selected.
+
+**Return value**
+
+`true`: Selected the specified annotations.
+
+`false`: Failed to select the specified annotations.
+
+
+**Warning**
+
+ | Error Code | Error Message | API return value |
+ | ---------- | ------------------------------------------------------------------------- | ---------------- |
+ | -80100 | *XXX(API)*: *XXX(ParameterName)* is invalid. | `false` |
+ | -80102 | *XXX(API)*: *XXX(ParameterName)* is missing. | `false` |
+ | -80304 | No document opened. | `false` |
+ | -80305 | There is no image in the current document. | `false` |
+ | -80314 | *XXX(API)*: Not available in current toolMode. | `false` |
+ | -80317 | The specified annotation(s) is not on the current page or does not exist. | `false` |
+ | -80319 | ReadOnly annotation or noView annotation cannot be selected. | `false` |
+ | -80320 | Unknown annotation or incomplete annotation cannot be selected. | `false` |
+ | -80321 | Flattened annotation cannot be selected. | `false` |
+
+### getSelectedAnnotations()
+
+Get selected annotation(s).
+
+**Syntax**
+
+```typescript
+getSelectedAnnotations(): Annotation[];
+```
+
+**Return value**
+
+An array of selected `Annotation` object.
+
+**Code Snippet**
+
+```typescript
+const selectAnnots = editViewer.getSelectAnnotations();
+```
+
+**Warning**
+
+ Error Code | Error Message | API return value
+ ---------- | ------------------------------------------------------------|---------
+ -80304 | No document opened. | `[]`
+ -80305 | There is no image in the current document. | `[]`
+
+### getAnnotationDrawingStyle()
+
+Get the annotation drawing style.
+
+**Syntax**
+
+```typescript
+getAnnotationDrawingStyle(): AnnotationDrawingStyleConfig;
+```
+
+**Return value**
+
+An [`AnnotationDrawingStyleConfig`](/api/interface/styleinterface/annotationdrawingstyleconfig.md) object.
+
+
+## Display Control
+
+### displayMode
+
+Specify or return the display mode of the viewer.
+
+**Syntax**
+
+```typescript
+displayMode: DisplayMode;
+```
+
+A `DisplayMode` can be one of two types.
+
+```typescript
+type DisplayMode = "single" | "continuous";
+```
+
+`single`: The pages in the viewer is displayed page by page.
+
+`continuous`: The pages in the viewer is displayed continuously.
+
+**Code Snippet**
+
+```typescript
+editViewer.displayMode = "single";
+```
+
+**Warning**
+
+ Error Code | Error Message
+--------|-----------------------------------------------------
+ -80100 | *XXX(API)*: *XXX(ParameterName)* is invalid.
+ -80103 | *XXX(API)*: The value for *XXX(ParameterName)* is not supported.
+
+**Remark**
+
+- Default `displayMode` is `continuous`.
+- When `displayMode` is `continuous`, the default number of pages to scroll in parallel is 1 and which can be configure by [`setParallelScrollCount`](#setparallelscrollcount).
+
+### setParallelScrollCount()
+
+Specify the number of pages to scroll in parallel.
+
+**Syntax**
+
+```typescript
+setParallelScrollCount(count: number): boolean;
+```
+**Parameters**
+
+`count`: The number of pages to scroll in parallel. The maximum value is 20.
+
+**Return Value**
+
+`true`: Successfully.
+
+`false`: Failed.
+
+**Code Snippet**
+
+```typescript
+// Set three pages to scroll in parallel
+editViewer.setParallelScrollCount(3);
+```
+
+**Warning**
+
+ Error Code | Error Message | API Return Value
+--------|--------------------------------------------------------------|--------------------
+ -80100 | *XXX(API)*: *XXX(ParameterName)* is invalid. | `false`
+ -80101 | *XXX(API)*: *XXX(ParameterName)* is out of range. | `false`
+ -80102 | *XXX(API)*: *XXX(ParameterName)* is missing. | `false`
+ -80308 | EditViewer.setParallelScrollCount: Not available in current displayMode. | `false`
+
+**Remark**
+
+- The setting will be applied when [`displayMode`](#displaymode) is `continuous` mode.
+
+### fitMode
+
+Specify or return the fit mode of the viewer.
+
+**Syntax**
+
+```typescript
+fitMode: FitMode;
+```
+
+A `FitMode` can be one of four types.
+
+```typescript
+type FitMode = "width" | "height" | "window" | "actualSize";
+```
+
+`width`: The page is displayed to fit the width.
+
+`height`: The page is displayed to fit the height.
+
+`window`: The page is displayed to fit the window.
+
+`actualSize`: The page is displayed at its actual size, equal to [`zoom`](#zoom) set to 1.
+
+**Code Snippet**
+
+```typescript
+editViewer.fitMode = "width";
+```
+
+**Warning**
+
+ Error Code | Error Message
+--------|-----------------------------------------------------
+ -80100 | *XXX(API)*: *XXX(ParameterName)* is invalid.
+ -80103 | *XXX(API)*: The value for *XXX(ParameterName)* is not supported.
+
+**Remark**
+
+- The default `fitMode` is `window`, which means fit window.
+- Since the specified `fitMode` is calculated by zoom ratio, if the zoom ratio which set by `zoom` does not match any of `fitMode`, the page will be displayed in specified zoom ratio and `fitMode` will return `none`.
+
+### zoom
+
+Specify or return zoom ratio.
+
+**Syntax**
+
+```typescript
+zoom: number;
+```
+
+**Code Snippet**
+
+```typescript
+//Actual size
+editViewer.zoom = 1;
+
+//Twice the actual size
+editViewer.zoom = 2;
+
+//10% the actual size
+editViewer.zoom = 0.1;
+```
+
+**Warning**
+
+ Error Code | Error Message
+--------|-----------------------------------------------------
+ -80100 | *XXX(API)*: *XXX(ParameterName)* is invalid.
+ -80306 | The value for zoom is larger than maxZoom value.
+ -80307 | The value for zoom is smaller than minZoom value.
+
+**Remark**
+
+- The interval of available values depends on `minZoom` and `maxZoom` which is set in [EditViewerConfig](#editviewerconfig) when create `EditViewer` object.
+- 1 means actual size of the page and equals to `actualSize` in [`fitMode`](#fitmode).
+- Return value will be rounded to four decimal places.
+
+### zoomOrigin
+
+Specify or return the zoom origin of the viewer.
+
+**Syntax**
+
+```typescript
+zoomOrigin: ZoomOrigin;
+```
+
+**Code Snippet**
+
+```typescript
+// Set the zoom origin to upper left
+const newZoomOrigin = {
+ x: "start",
+ y: "start",
+};
+
+editViewer.zoomOrigin = newZoomOrigin;
+```
+
+**Warning**
+
+ Error Code | Error Message
+--------|-----------------------------------------------------
+ -80100 | *XXX(API)*: *XXX(ParameterName)* is invalid.
+
+**Remark**
+
+- The default zoomOrigin is center point of the viewer.
+
+**See Also**
+
+[`ZoomOrigin`]({{ site.api }}interface/zoomorigin.html)
+
+## Edit Operations
+
+### rotate()
+
+Rotate the specified pages.
+
+**Syntax**
+
+```typescript
+rotate(
+ angle: number,
+ indices?: number[]
+): boolean;
+```
+
+**Parameters**
+
+`angle`: Specify the angle. Only multiples of 90 degrees are supported. Positive value means clockwise rotation, negative value means counterclockwise rotation.
+
+`indices`: The array of the pages indices which will be rotated. If not set, the current page will be rotated.
+
+**Return Value**
+
+`true`: Successfully.
+
+`false`: Failed.
+
+**Code Snippet**
+
+```typescript
+// Rotate the first and second pages 90 degrees clockwise.
+editViewer.rotate(90, [0,1]);
+
+// Rotate current page 90 degrees counterclockwise.
+editViewer.rotate(-90);
+```
+
+**Warning**
+
+ Error Code | Error Message | API Return Value
+--------|-------------------------------------------------------------------------|-------------------
+ -80100 | *XXX(API)*: *XXX(ParameterName)* is invalid. | `false`
+ -80102 | *XXX(API)*: *XXX(ParameterName)* is missing. | `false`
+ -80103 | *XXX(API)*: The value for *XXX(ParameterName)* is not supported. | `false`
+ -80304 | No document opened. | `false`
+ -80305 | There is no image in the current document. | `false`
+
+### crop()
+
+Crop the specified page(s) with the specified rectangle.
+
+**Syntax**
+
+```typescript
+crop(
+ rect: Rect,
+ indices?: number[]
+): boolean;
+```
+**Parameters**
+
+`rect`: Specify the rectangle. Please refer to [`Rect`]({{ site.api }}interface/rect.html).
+
+`indices`: Specify the indices of the pages to be cropped. If not set, it will crop based on [`cropMode`](#cropmode), which uses the current image if the mode is `current` and all the images if the mode is `all`.
+
+**Return Value**
+
+`true`: Successfully.
+
+`false`: Failed.
+
+**Code Snippet**
+
+```typescript
+const rect = {
+ left: 100,
+ top: 100,
+ width: 200,
+ height: 200,
+};
+
+editViewer.crop(rect, [0]); // Crop the first page
+```
+
+**Warning**
+
+ Error Code | Error Message | API Return Value
+--------|------------------------------------------------------------|-------------------
+ -80100 | *XXX(API)*: *XXX(ParameterName)* is invalid. | `false`
+ -80102 | *XXX(API)*: *XXX(ParameterName)* is missing. | `false`
+ -80304 | No document opened. | `false`
+ -80305 | There is no image in the current document. | `false`
+ -80309 | The specified rect exceeds the bounds of page index *X(IndexNum)*. | `false`
+
+**Remark**
+
+If one of the points of the rectangle is out of page range, crop operation does not take effect in this page and report warning.
+
+
+### cropMode
+
+Get or set the current mode for cropping: crop the current image or all the images.
+
+**Syntax**
+
+```typescript
+cropMode: CropMode;
+```
+
+It can be one of the two types.
+
+```typescript
+type CropMode = "current" | "all";
+```
+
+### getCropRect()
+
+Get the crop rectangular selection.
+
+**Syntax**
+
+```typescript
+getCropRect(): Rect | null;
+```
+
+**Return Value**
+
+The rectangular selection. Please refer to [`Rect`]({{ site.api }}interface/rect.html).
+
+**Code Snippet**
+
+```typescript
+editViewer.getCropRect();
+```
+
+**Warning**
+
+ Error Code | Error Message | API Return Value
+--------|-----------------------------------------------------------|---------------------
+-80304 | No document opened. | `null`
+
+**Remark**
+
+- If there is no crop rectangular selection, returns `null`.
+
+### setCropRect()
+
+> *This method is only available when [`toolMode`](#toolmode) is `crop` mode.*
+
+Set a crop rectangular selection on the current page.
+
+**Syntax**
+
+```typescript
+setCropRect(rect: Rect): boolean;
+```
+
+**Parameters**
+
+`rect`: Specify the rectangular selection. Please refer to [`Rect`]({{ site.api }}interface/rect.html).
+
+**Return Value**
+
+`true`: Successfully.
+
+`false`: Failed.
+
+**Code Snippet**
+
+```typescript
+editViewer.toolMode = "crop"; // Set toolMode to "crop"
+
+const rect = {
+ left: 100,
+ top: 100,
+ width: 200,
+ height: 200,
+};
+
+editViewer.setCropRect(rect);
+```
+
+**Warning**
+
+ Error Code | Error Message | API Return Value
+--------|-----------------------------------------------------------|-------------------
+ -80100 | *XXX(API)*: *XXX(ParameterName)* is invalid. | `false`
+ -80102 | *XXX(API)*: *XXX(ParameterName)* is missing. | `false`
+ -80304 | No document opened. | `false`
+ -80305 | There is no image in the current document. | `false`
+ -80309 | The specified rect exceeds the bounds of page index *X(IndexNum)*. | `false`
+ -80314 | *XXX(API)*: Not available in current toolMode. | `false`
+
+**Remark**
+
+- In the viewer, only one rectangular selection can exist on the page at a time, which means if there is a rectangular selection existed when a new selection is drawn, the old one will be clear automatically.
+- When [`toolMode`](#toolmode) is set to `pan`, the drawn rectangular selection will be clear.
+
+### undo()
+
+> *This method takes effect only for [crop](#crop), [rotate](#rotate) operations.*
+
+Undo the last editing operation.
+
+**Syntax**
+
+```typescript
+undo(): boolean;
+```
+
+**Return Value**
+
+`true`: Successfully.
+
+`false`: Failed.
+
+**Code Snippet**
+
+```typescript
+editViewer.undo();
+```
+
+**Warning**
+
+ Error Code | Error Message | API Return Value
+--------|-----------------------------------------------------|-----------------
+ -80304 | No document opened. | `false`
+ -80310 | No operations to undo. | `false`
+
+### redo()
+
+> *This method takes effect only for [crop](#crop), [rotate](#rotate) operations.*
+
+Redo the last undo operation.
+
+**Syntax**
+
+```typescript
+redo(): boolean;
+```
+
+**Return Value**
+
+`true`: Successfully.
+
+`false`: Failed.
+
+**Code Snippet**
+
+```typescript
+editViewer.redo();
+```
+
+**Warning**
+
+ Error Code | Error Message | API Return Value
+--------|-----------------------------------------------------|-----------------
+ -80304 | No document opened. | `false`
+ -80311 | No operations to redo. | `false`
+
+### saveOperations()
+
+> *This method takes effect only for [crop](#crop), [rotate](#rotate) & filter(which is operated by using UI Element) operations.*
+
+Save the edit operations in pages to document.
+
+**Syntax**
+
+```typescript
+saveOperations(): boolean;
+```
+
+**Return Value**
+
+`true`: Successfully.
+
+`false`: Failed.
+
+**Code Snippet**
+
+```typescript
+editViewer.saveOperations();
+```
+
+**Warning**
+
+ Error Code | Error Message | API Return Value
+--------|-----------------------------------------------------|-----------------
+ -80304 | No document opened. | `false`
+
+## Text Selection
+
+### getTextSelection()
+
+Get selected text's detailed info.
+
+**Syntax**
+
+```typescript
+getTextSelection(): ITextSelectedInfo[];
+```
+
+**Return values**
+
+Array of the `ITextSelectedInfo` object. Please refer to [`ITextSelectedInfo`](/api/interface/itextselectedinfo.md).
+
+## Search
+
+### searchNextText()
+
+Search the next matched result.
+
+**Syntax**
+
+```typescript
+searchNextText(text: string, options?: SearchTextOptions): Promise;
+```
+
+**Parameters**
+
+* `text`: text to search
+* `options`: Please refer to [`SearchTextOptions`](/api/interface/searchtextoptions.md)
+
+**Warnings**
+
+ Error Code | Error Message
+--------|-----------------------------------------------------
+ -80100 | *XXX(API)*: *XXX(ParameterName)* is invalid.
+ -80102 | *XXX(API)*: *XXX(ParameterName)* is missing.
+ -80104 | *XXX(API)*: The specified document(s) do not exist.
+ -80304 | No document opened.
+ -80305 | There is no image in the current document.
+ -80322 | No results found.
+
+### searchPrevText()
+
+Search the previous matched result.
+
+**Syntax**
+
+```typescript
+searchPrevText(text: string, options?: SearchTextOptions): Promise;
+```
+
+**Parameters**
+
+* `text`: text to search
+* `options`: Please refer to [`SearchTextOptions`](/api/interface/searchtextoptions.md)
+
+**Warnings**
+
+ Error Code | Error Message
+--------|-----------------------------------------------------
+ -80100 | *XXX(API)*: *XXX(ParameterName)* is invalid.
+ -80102 | *XXX(API)*: *XXX(ParameterName)* is missing.
+ -80104 | *XXX(API)*: The specified document(s) do not exist.
+ -80304 | No document opened.
+ -80305 | There is no image in the current document.
+ -80322 | No results found.
+
+### searchFullText()
+
+Search the full text to get all the matched results.
+
+**Syntax**
+
+```typescript
+searchFullText(text: string, options?: SearchTextOptions): Promise;
+```
+
+**Parameters**
+
+* `text`: text to search
+* `options`: Please refer to [`SearchTextOptions`](/api/interface/searchtextoptions.md)
+
+**Warnings**
+
+ Error Code | Error Message
+--------|-----------------------------------------------------
+ -80100 | *XXX(API)*: *XXX(ParameterName)* is invalid.
+ -80102 | *XXX(API)*: *XXX(ParameterName)* is missing.
+ -80104 | *XXX(API)*: The specified document(s) do not exist.
+ -80304 | No document opened.
+ -80305 | There is no image in the current document.
+ -80322 | No results found.
+
+## Events
+
+### on()
+
+Bind a listener to the specified event.
+
+**Syntax**
+
+```typescript
+on(eventName: EventName, listener:(event:EventObject)=>void): void;
+```
+
+**Parameters**
+
+`eventName`: Specify the event name. It can be [an integrated event name](#integrated-events) or a custom event name configured through [`UiConfig`-`events`]({{ site.api }}interface/uiconfig.html#events).
+
+`listener`: Specify the listener.
+
+**Code Snippet**
+
+```typescript
+// Bind a listener to the integrated event resized.
+const eventFunc = (e)=>{
+ console.log(e);
+ console.log(e.oldWidth);
+ console.log(e.newWidth);
+};
+
+editViewer.on("resized", eventFunc);
+```
+
+**Warning**
+
+ Error Code | Error Message
+--------|-----------------------------------------------------
+ -80100 | *XXX(API)*: *XXX(ParameterName)* is invalid.
+ -80102 | *XXX(API)*: *XXX(ParameterName)* is missing.
+
+
+### off()
+
+Unbind event listener(s) from the specified event.
+
+**Syntax**
+
+```typescript
+off(eventName: EventName, listener?:(event:EventObject)=>void): void;
+```
+
+**Parameters**
+
+`eventName`: Specify the event name. It can be [an integrated event name](#integrated-events) or a custom event name configured through [`UiConfig`-`events`]({{ site.api }}interface/uiconfig.html#events).
+
+`listener`: Specify the listener. If no listener is specified, unbind all event listeners from the specified event.
+
+**Code Snippet**
+
+```typescript
+const eventFunc = (e)=>{
+ console.log(e);
+ console.log(e.oldWidth);
+ console.log(e.newWidth);
+};
+
+editViewer.on("resized", eventFunc);
+
+// Unbind the specified event listener.
+editViewer.off("resized", eventFunc);
+```
+
+**Warning**
+
+ Error Code | Error Message
+--------|-----------------------------------------------------
+ -80100 | *XXX(API)*: *XXX(ParameterName)* is invalid.
+ -80102 | *XXX(API)*: *XXX(ParameterName)* is missing.
+
+### Integrated Events
+
+#### resized
+
+Triggered when the viewer is resized.
+
+**Callback**
+
+`ResizedEvent`: An EventObject.
+
+**Attributes**
+
+`oldWidth`: The old width of the viewer.
+
+`oldHeight`: The old height of the viewer.
+
+`newWidth`: The new width of the viewer.
+
+`newHeight`: The new height of the viewer.
+
+#### pageRendered
+
+Triggered when a page has been completely rendered. We only render the pages that are visible on the screen, so this event won't get fired for every page in the document at once. This event will get called when the user scrolls up and down the document, or when a page is zoomed or rotated, or anything else that makes it rerender.
+
+**Callback**
+
+`PageRenderedEvent`: An EventObject.
+
+**Attributes**
+
+`index`: The index of the rendered page.
+
+`pageUid`: The pageUid of the rendered page.
+
+#### currentIndexChanged
+
+Triggered when currentIndex is changed.
+
+**Callback**
+
+`CurrentindexChangedEvent`: An EventObject.
+
+**Attributes**
+
+`oldIndex`: The old current index.
+
+`newIndex`: The new current index. If there is no index in the viewer, return `-1`.
+
+#### currentPageChanged
+
+Triggered when current page is changed.
+
+**Callback**
+
+`CurrentPageChangedEvent`: An EventObject.
+
+**Attributes**
+
+`oldPageUid`: The uid of the page which is old current index. If the old page is removed, return `''`.
+
+`newPageUid`: The uid of the page which is new current index. If there is no index in the viewer, return `''`.
+
+#### displayModeChanged
+
+Triggered when the display mode is changed.
+
+**Callback**
+
+`DisplayModeChangedEvent`: An EventObject.
+
+**Attributes**
+
+`oldDisplayMode`: The old display mode.
+
+`newDisplayMode`: The new display mode.
+
+#### fitModeChanged
+
+Triggered when the fit mode has changed.
+
+**Callback**
+
+`FitModeChangedEvent`: An EventObject.
+
+**Attributes**
+
+`oldFitMode`: The old fit mode.
+
+`newFitmode`: The new fit mode.
+
+#### zoomChanged
+
+Triggered when the zoom ratio has been changed.
+
+**Callback**
+
+`ZoomChangedEvent`: An EventObject.
+
+**Attributes**
+
+`oldZoomRatio`: The old zoom ratio.
+
+`newZoomRatio`: The new zoom ratio.
+
+#### toolModeChanged
+
+Triggered when the tool mode has changed.
+
+**Callback**
+
+`ToolModeChangedEvent`: An EventObject.
+
+**Attributes**
+
+`oldToolMode`: The old tool mode.
+
+`newToolMode`: The new tool mode.
+
+#### cropRectDrawn
+
+Triggered when a rectangular selection is drawn.
+
+**Callback**
+
+`CropRectDrawnEvent`: An EventObject.
+
+**Attributes**
+
+`rect`: The drawn rectangle.
+
+#### cropRectDeleted
+
+Triggered when the rectangular selection is deleted.
+
+**Callback**
+
+`CropRectDeletedEvent`: An EventObject.
+
+**Attributes**
+
+`rect`: The deleted rectangle.
+
+#### cropRectModified
+
+Triggered when the crop rectangular selection is modified.
+
+**Callback**
+
+`CropRectModifiedEvent`: An EventObject.
+
+**Attributes**
+
+`oldRect`: The old rectangle.
+
+`newRect`: The new rectangle.
+
+#### annotationDrawingStyleChanged
+
+Triggered when the annotation drawing style is changed. It will return the old drawing style and the new drawing style of the selected annotation. See also [`AnnotationDrawingStyleConfig`](/api/interface/styleinterface/annotationdrawingstyleconfig.md).
+
+#### selectedAnnotationsChanged
+
+Triggered when selected annotation(s) is changed.
+
+**Callback**
+
+`SelectedAnnotationsChanged`: An EventObject.
+
+**Attributes**
+
+`oldAnnotationUids`: The array of old selected annotations uids.
+
+`newAnnotationUids`: The array of new selected annotations uids.
+
+#### visibilityChanged
+
+Triggered when the viewer's visibility is changed. It will return an `isVisible` boolean value.
+
+#### textSelected
+
+Triggered when text is selected. It will return an array of [`ITextSelectedInfo`](/api/interface/itextselectedinfo.md).
+
+#### textUnselected
+
+Triggered when text is unselected.
+
+#### textSearchTriggered
+
+Triggered when text search is performed. It will return an array of [`ITextSearchedInfo`](/api/interface/itextsearchedinfo.md).
+
+
+
+#### undoRedoStateChanged
+
+Triggered when the viewer's undo and redo state is changed. It will return an [`IUndoRedoStateChangedEvent`](/api/interface/iundoredostatechangedevent.md) object.
+
+#### paginationChanged
+
+Triggered when the viewer's current page number or the page count is changed. It will return an [`IPaginationChangedEvent`](/api/interface/ipaginationchangedevent.md) object.
+
+#### pointerdown
+
+Triggered when a pointer becomes active buttons state. It will return an [`IPointerEvent`](/api/interface/ipointerevent.md) object.
+
+#### pointermove
+
+Triggered when a pointer changes coordinates. It will return an [`IPointerEvent`](/api/interface/ipointerevent.md) object.
+
+#### pointerup
+
+Triggered when a pointer is no longer active buttons state. It will return an [`IPointerEvent`](/api/interface/ipointerevent.md) object.
+
+#### pageover
+
+Triggered when a pointer is moved into a page's hit test boundaries. It will return an [`IPointerEvent`](/api/interface/ipointerevent.md) object.
+
+#### pageout
+
+Triggered when a pointer is moved out of the hit test boundaries of a page. It will return an [`IPointerEvent`](/api/interface/ipointerevent.md) object.
+
+#### scroll
+
+Triggered when the viewer is scrolled. It will return the native event object.
+
+#### Mouse Events
+
+##### click
+
+Triggered when click in the viewer's viewing area. On mobile device, triggered when tap in the viewer's viewing area.
+
+##### dblclick
+
+Triggered when double click in the viewer's viewing area.
+
+##### rightclick
+
+Triggered when right click in the viewer's viewing area. On mobile device, triggered when long-tap in the viewer's viewing area.
+
+
+**Callback for mouse events**
+
+ `IPointerEvent`: An EventObject.
+
+**Attributes**
+
+`index`: The page index.
+
+`pageUid`: The page uid.
+
+`imageX`: The relative x-coordinate of the click pointer on the image.
+
+`imageY`: The relative y-coordinate of the click pointer on the image.
+
+`canvasX`: The relative x-coordinate of the click pointer on the canvas.
+
+`canvasY`: The relative x-coordinate of the click pointer on the canvas.
+
+`nativeEvent`: [`PointerEvent`](https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent)
diff --git a/_v3.2.1/api/class/index.md b/_v3.2.1/api/class/index.md
new file mode 100644
index 0000000..3ab9b85
--- /dev/null
+++ b/_v3.2.1/api/class/index.md
@@ -0,0 +1,47 @@
+---
+layout: default-layout
+needAutoGenerateSidebar: true
+needGenerateH3Content: true
+noTitleIndex: true
+title: Dynamsoft Document Viewer API Reference - Class
+keywords: Documentation, Dynamsoft Document Viewer, API Reference, Class
+breadcrumbText: EditViewer Class
+description: Dynamsoft Document Viewer Documentation API Reference Class Index Page
+---
+
+
+# Class
+
+Dynamsoft Document Viewer JavaScript library has two main categories of classes: one is under the namespace Dynamsoft.DDV, and the other is related to annotations.
+
+## Dynamsoft.DDV Classes
+
+Under the namespace Dynamsoft.DDV, Dynamsoft Document Viewer JavaScript library contains seven primary classes:
+
+- [DocumentManager](/api/class/documentmanager.md)
+- [AnnotationManager](/api/class/annotationmanager.md)
+- [EditViewer](/api/class/editviewer.md)
+- [CaptureViewer](/api/class/captureviewer.md)
+- [PerspectiveViewer](/api/class/perspectiveviewer.md)
+- [BrowseViewer](/api/class/browseviewer.md)
+- [CustomViewer](/api/class/customviewer.md)
+
+## Annotation
+
+Annotation has the following main classes:
+
+
+- [Rectangle](/api/class/annotation/rectangle.md)
+- [Ellipse](/api/class/annotation/ellipse.md)
+- [Polygon](/api/class/annotation/polygon.md)
+- [Polyline](/api/class/annotation/polyline.md)
+- [Line](/api/class/annotation/line.md)
+- [Ink](/api/class/annotation/ink.md)
+- [TextBox](/api/class/annotation/textbox.md)
+- [TextTypewriter](/api/class/annotation/texttypewriter.md)
+- [Highlight](/api/class/annotation/highlight.md)
+- [Underline](/api/class/annotation/underline.md)
+- [Strikeout](/api/class/annotation/strikeout.md)
+- [Stamp](/api/class/annotation/stamp.md)
+- [Incomplete](/api/class/annotation/incomplete.md)
+- [Unknown](/api/class/annotation/unknown.md)
diff --git a/_v3.2.1/api/enumeration-type/enumconvertmode.md b/_v3.2.1/api/enumeration-type/enumconvertmode.md
new file mode 100644
index 0000000..97a0a5b
--- /dev/null
+++ b/_v3.2.1/api/enumeration-type/enumconvertmode.md
@@ -0,0 +1,21 @@
+---
+layout: default-layout
+needAutoGenerateSidebar: true
+needGenerateH3Content: true
+noTitleIndex: true
+title: Dynamsoft Document Viewer API Reference - Enumeration EnumConvertMode
+keywords: Documentation, Dynamsoft Document Viewer, API Reference, Enumeration EnumConvertMode
+breadcrumbText: Enumeration EnumConvertMode
+description: Dynamsoft Document Viewer Documentation API Reference Enumeration EnumConvertMode Page
+
+---
+
+# EnumConvertMode
+
+```typescript
+enum EnumConvertMode {
+ CM_RENDERALL = "cm/renderall",
+ CM_IMAGEONLY = "cm/imageonly",
+ CM_AUTO = "cm/auto",
+}
+```
diff --git a/_v3.2.1/api/errorlist.md b/_v3.2.1/api/errorlist.md
new file mode 100644
index 0000000..d436688
--- /dev/null
+++ b/_v3.2.1/api/errorlist.md
@@ -0,0 +1,112 @@
+---
+layout: default-layout
+needAutoGenerateSidebar: true
+needGenerateH3Content: true
+noTitleIndex: true
+title: Dynamsoft Document Viewer API Reference - Error List
+keywords: Documentation, Dynamsoft Document Viewer, API Reference, Error List
+breadcrumbText: API Reference
+description: Dynamsoft Document Viewer Documentation API Reference Error List Page
+
+---
+
+# Error List
+
+## License Related Errors
+
+ Error Code | Error Message
+ ---------- | ------------------------------------------------------
+ -80001 | License string is invalid.
+ -80002 | *XXX(LicenseModuleName)* module license has expired.
+ -80003 | *XXX(LicenseModuleName)* module license is missing.
+ -80004 | *XXX(LicenseModuleName)* module license version does not match.
+ -80005 | Domain does not match the domain bound to the *XXX(LicenseModuleName)* module license.
+
+## Initialize Related Errors
+
+ Error Code | Error Message
+ ---------- | ------------------------------------------------
+ -80050 | DDV.Core.init() has not been set up yet.
+ -80051 | DDV.Core.init() has not been completed.
+ -80052 | *XXX(API)*: Resource is not found from the specified engineResourcePath.
+ -80053 | *XXX(API)*: The resource version at the specified engineResourcePath does not match this version of Dynamsoft Document Viewer.
+
+## Common Errors
+
+ Error Code | Error Message
+ ---------- | ------------------------------------------------------------
+ -80100 | *XXX(API)*: *XXX(ParameterName)* is invalid.
+ -80101 | *XXX(API)*: *XXX(ParameterName)* is out of range.
+ -80102 | *XXX(API)*: *XXX(ParameterName)* is missing.
+ -80103 | *XXX(API)*: The value for *XXX(ParameterName)* is not supported.
+ -80104 | *XXX(API)*: The specified document(s) do not exist.
+ -80105 | *XXX(API)*: The specified page(s) do not exist.
+ -80106 | *XXX(API)*: The specified annotation does not exist.
+ -80108 | *XXX(API)*: The document has been destroyed.
+ -80109 | *XXX(API)*: The page has been destroyed.
+
+
+## Document Related Errors
+
+ Error Code | Error Message
+ ---------- | ---------------------------------------------
+ -80200 | File type is not supported.
+ -80201 | docUid does not allow duplicate.
+ -80202 | Failed to read the PDF file because it's encrypted and the correct password is not provided.
+ -80203 | Failed to read some annotations because they are not supported by Dynamsoft Document Viewer so far.
+ -80204 | PDFs containing XFA (XML Forms Architecture) forms are not supported.
+ -80205 | The pageData has been destroyed.
+ -80206 | The DocTextSearcher has been destroyed.
+
+## Viewer Releated Errors
+
+ Error Code | Error Message
+ ---------- | ------------------------------------------------------------
+ -80301 | The specified container does not exist.
+ -80302 | minZoom value cannot be larger than maxZoom value.
+ -80304 | No document opened.
+ -80305 | There is no image in the current document.
+ -80306 | The value for zoom is larger than maxZoom value.
+ -80307 | The value for zoom is smaller than minZoom value.
+ -80308 | EditViewer.setParallelScrollCount: Not available in current displayMode.
+ -80309 | The specified rect exceeds the bounds of page index *X(IndexNum)*.
+ -80310 | No operations to undo.
+ -80311 | No operations to redo.
+ -80312 | The specified quad exceeds the bounds of the current page.
+ -80313 | The element *XXX(ElementName)* is not supported in *XXX(ClassName)* class.
+ -80314 | *XXX(API)*: Not available in current toolMode.
+ -80315 | DocumentDetect needs to be configured by Dynamsoft.DDV.setProcessingHandler to enable the document detection feature.
+ -80316 | ImageFilter needs to be configured by Dynamsoft.DDV.setProcessingHandler to enable the image filter feature.
+ -80317 | The specified annotation(s) is not on the current page or does not exist.
+ -80318 | The document contains unsupported fonts, which may result in font loss after saving.
+ -80319 | ReadOnly annotation or noView annotation cannot be selected.
+ -80320 | Unknown annotation or incomplete annotation cannot be selected.
+ -80321 | Flattened annotation cannot be selected.
+ -80322 | No results found.
+
+## Camera Releated Errors
+
+ Error Code | Error Message
+ ---------- | -------------------------------------------
+ -80400 | The specified camera does not exist.
+ -80401 | The specified camera is occupied.
+ -80402 | No video stream is played.
+ -80403 | Not HTTPS, failed to play the video stream.
+ -80404 | The camera does not support a flashlight.
+ -80405 | No camera available.
+ -80406 | The selected camera is denied by browser.
+ -80407 | No bound container.
+
+
+## Wasm Error
+
+ Error Code | Error Message
+------------|----------------
+ -81000 | *WASM Error*
+
+## External Error
+
+ Error Code | Error Message
+------------|----------------
+ -81100 | *External Error*
+
\ No newline at end of file
diff --git a/_v3.2.1/api/index.md b/_v3.2.1/api/index.md
new file mode 100644
index 0000000..ba02dd5
--- /dev/null
+++ b/_v3.2.1/api/index.md
@@ -0,0 +1,173 @@
+---
+layout: default-layout
+needAutoGenerateSidebar: true
+needGenerateH3Content: true
+noTitleIndex: true
+title: Dynamsoft Document Viewer API Reference
+keywords: Documentation, Dynamsoft Document Viewer, API Reference
+breadcrumbText: API Reference
+description: Dynamsoft Document Viewer Documentation API Reference Page
+
+---
+
+# API Reference
+
+## Namespaces
+
+- [`Dynamsoft.DDV`]({{ site.api }}namespace/ddv.html)
+- [`Dynamsoft.DDV.Core`]({{ site.api }}namespace/ddv_core.html)
+- [`Dynamsoft.DDV.Elements`]({{ site.api }}namespace/ddv_elements.html)
+
+## Classes
+
+- Dynamsoft.DDV
+ - [DocumentManager]({{ site.api }}class/documentmanager.html)
+ - [EditViewer]({{ site.api }}class/editviewer.html)
+ - [CaptureViewer]({{ site.api }}class/captureviewer.html)
+ - [PerspectiveViewer]({{ site.api }}class/perspectiveviewer.html)
+ - [BrowseViewer]({{ site.api }}class/browseviewer.html)
+ - [CustomViewer]({{ site.api }}class/customviewer.html)
+ - Advanced
+ - [ImageFilter]({{ site.api }}class/advanced/imagefilter.html)
+ - [DocumentDetect]({{ site.api }}class/advanced/documentdetect.html)
+
+- Annotation
+ - [Rectangle]({{ site.api }}class/annotation/rectangle.html)
+ - [Ellipse]({{ site.api }}class/annotation/ellipse.html)
+ - [Polygon]({{ site.api }}class/annotation/polygon.html)
+ - [Polyline]({{ site.api }}class/annotation/polyline.html)
+ - [Line]({{ site.api }}class/annotation/line.html)
+ - [Ink]({{ site.api }}class/annotation/ink.html)
+ - [TextBox]({{ site.api }}class/annotation/textbox.html)
+ - [TextTypewriter]({{ site.api }}class/annotation/texttypewriter.html)
+ - [Stamp]({{ site.api }}class/annotation/stamp.html)
+ - [Highlight](/api/class/annotation/highlight.md)
+ - [Underline](/api/class/annotation/underline.md)
+ - [Strikeout](/api/class/annotation/strikeout.md)
+ - [Incomplete]({{ site.api }}class/annotation/incomplete.html)
+ - [Unknown]({{ site.api }}class/annotation/unknown.html)
+
+
+## Interfaces
+
+- [`IDocument`]({{ site.api }}interface/idocument/index.html)
+ - [`Source`]({{ site.api }}interface/idocument/source.html)
+ - [`PdfSource`]({{ site.api }}interface/idocument/pdfsource.html)
+ - [`SavePngSettings`]({{ site.api }}interface/idocument/savepngsettings.html)
+ - [`SaveJpegSettings`]({{ site.api }}interface/idocument/savejpegsettings.html)
+ - [`SaveTiffSettings`]({{ site.api }}interface/idocument/savetiffsettings.html)
+ - [`SavePdfSettings`]({{ site.api }}interface/idocument/savepdfsettings.html)
+ - [`CustomTag`]({{ site.api }}interface/idocument/customtag.html)
+ - [`PrintSettings`]({{ site.api }}interface/idocument/printsettings.html)
+ - [`IDocTextSearcher`](/api/interface/idocument/idoctextsearcher.md)
+
+- Style Interfaces
+
+ | Style Name | Style Interface |
+ | -------------------- | ------------------------------------------------------------ |
+ | `pageStyle` | [`BaseStyle`]({{ site.api }}interface/styleinterface/basestyle.html) |
+ | `currentPageStyle` | [`BaseStyle`]({{ site.api }}interface/styleinterface/basestyle.html) |
+ | `selectedPageStyle` | [`BaseStyle`]({{ site.api }}interface/styleinterface/basestyle.html) |
+ | `hoveredPageStyle` | [`BaseStyle`]({{ site.api }}interface/styleinterface/basestyle.html) |
+ | `placeholderStyle` | [`BaseStyle`]({{ site.api }}interface/styleinterface/basestyle.html) |
+ | `pageNumberStyle` | [`PageNumberStyle`]({{ site.api }}interface/styleinterface/pagenumberstyle.html) |
+ | `checkboxStyle` | [`CheckboxStyle`]({{ site.api }}interface/styleinterface/checkboxstyle.html) |
+ | `canvasStyle` | [`CanvasStyle`]({{ site.api }}interface/styleinterface/canvasstyle.html) |
+ | `quadSelectionStyle` | [`QuadSelectionStyle`]({{ site.api }}interface/styleinterface/quadselectionstyle.html) |
+ | `annotationSelectionStyle`| [`AnnotationSelectionStyle`]({{ site.api }}interface/styleinterface/annotationselectionstyle.html) |
+
+- Annotation Interfaces
+ - [`RectAnnotationOptions`]({{ site.api }}interface/annotationinterface/rectannotationoptions.html)
+ - [`EllipseAnnotationOptions`]({{ site.api }}interface/annotationinterface/ellipseannotationoptions.html)
+ - [`PolygonAnnotationOptions`]({{ site.api }}interface/annotationinterface/polygonannotationoptions.html)
+ - [`PolylineAnnotationOptions`]({{ site.api }}interface/annotationinterface/polylineannotationoptions.html)
+ - [`LineAnnotationOptions`]({{ site.api }}interface/annotationinterface/lineannotationoptions.html)
+ - [`InkAnnotationOptions`]({{ site.api }}interface/annotationinterface/inkannotationoptions.html)
+ - [`TextBoxAnnotationOptions`]({{ site.api }}interface/annotationinterface/textboxannotationoptions.html)
+ - [`TextTypewriterAnnotationOptions`]({{ site.api }}interface/annotationinterface/texttypewriterannotationoptions.html)
+ - [`StampAnnotationOptions`]({{ site.api }}interface/annotationinterface/stampannotationoptions.html)
+ - [`HighlightAnnotationOptions`](/api/interface/annotationinterface/highlightannotationoptions.md)
+ - [`UnderlineAnnotationOptions`](/api/interface/annotationinterface/underlineannotationoptions.md)
+ - [`StrikeoutAnnotationOptions`](/api/interface/annotationinterface/strikeoutannotationoptions.md)
+ - [`Flags`]({{ site.api }}interface/annotationinterface/flags.html)
+ - [`Point`]({{ site.api }}interface/annotationinterface/point.html)
+ - [`TextContent`]({{ site.api }}interface/annotationinterface/textcontent.html)
+ - [`RectangleStyle`]({{ site.api }}interface/annotationinterface/rectanglestyle.html)
+ - [`EllipseStyle`]({{ site.api }}interface/annotationinterface/ellipsestyle.html)
+ - [`PolygonStyle`]({{ site.api }}interface/annotationinterface/polygonstyle.html)
+ - [`PolylineStyle`]({{ site.api }}interface/annotationinterface/polylinestyle.html)
+ - [`LineStyle`]({{ site.api }}interface/annotationinterface/linestyle.html)
+ - [`InkStyle`]({{ site.api }}interface/annotationinterface/inkstyle.html)
+ - [`TextBoxStyle`]({{ site.api }}interface/annotationinterface/textboxstyle.html)
+ - [`TextTypewriterStyle`]({{ site.api }}interface/annotationinterface/texttypewriterstyle.html)
+ - [`StampStyle`]({{ site.api }}interface/annotationinterface/stampstyle.html)
+ - [`HighlightStyle`](/api/interface/annotationinterface/highlightstyle.md)
+ - [`UnderlineStyle`](/api/interface/annotationinterface/underlinestyle.md)
+ - [`StrikeoutStyle`](/api/interface/annotationinterface/strikeoutstyle.md)
+ - [`ToolbarConfig`]({{ site.api }}interface/annotationinterface/toolbarconfig.html)
+ - [`PaletteConfig`]({{ site.api }}interface/annotationinterface/paletteconfig.html)
+ - [`AnnotationToolbarButton`]({{ site.api }}interface/annotationinterface/annotationtoolbarbutton.html)
+
+- [`AnnotationConfig`]({{ site.api }}interface/annotationconfig.html)
+- [`BrowseViewerConfig`]({{ site.api }}interface/browseviewerconfig.html)
+- [`BrowseViewerConstructorOptions`]({{ site.api }}interface/browseviewerconstructoroptions.html)
+- [`CaptureViewerConfig`]({{ site.api }}interface/captureviewerconfig.html)
+- [`CaptureViewerConstructorOptions`]({{ site.api }}interface/captureviewerconstructoroptions.html)
+- [`ConfigResult`]({{ site.api }}interface/configresult.html)
+- [`CreateDocumentOptions`]({{ site.api }}interface/createdocumentoptions.html)
+- [`CustomViewerConstructorOptions`]({{ site.api }}interface/customviewerconstructoroptions.html)
+- [`DDVError`]({{ site.api }}interface/ddverror.html)
+- [`DetectResult`]({{ site.api }}interface/detectresult.html)
+- [`DisplayTextConfig`]({{ site.api }}interface/displaytextconfig.html)
+- [`DocumentDetectConfig`]({{ site.api }}interface/documentdetectconfig.html)
+- [`DocumentDetectResult`]({{ site.api }}interface/documentdetectresult.html)
+- [`EditViewerConfig`]({{ site.api }}interface/editviewerconfig.html)
+- [`EditViewerConstructorOptions`]({{ site.api }}interface/editviewerconstructoroptions.html)
+- [`IBrowseViewer`]({{ site.api }}interface/ibrowseviewer.html)
+- [`IImageFilter`]({{ site.api }}interface/iimagefilter.html)
+- [`IPointerEvent`](/api/interface/ipointerevent.md)
+- [`IPageData`](/api/interface/ipagedata.md)
+- [`IQuadModifiedEvent`](/api/interface/iquadmodifiedevent.md)
+- [`ITextSearchedInfo`](/api/interface/itextsearchedinfo.md)
+- [`ITextSelectedInfo`](/api/interface/itextselectedinfo.md)
+- [`IDocumentDetect`]({{ site.api }}interface/idocumentdetect.html)
+- [`ImageFilterItem`]({{ site.api }}interface/imagefilteritem.html)
+- [`MergeDocumentOptions`]({{ site.api }}interface/mergedocumentoptions.html)
+- [`PageImageInfo`](/api/interface/pageimageinfo.md)
+- [`PageVisualInfo`](/api/interface/pagevisualinfo.md)
+- [`PerspectiveViewerConfig`]({{ site.api }}interface/perspectiveviewerconfig.html)
+- [`PerspectiveViewerConstructorOptions`]({{ site.api }}interface/perspectiveviewerconstructoroptions.html)
+- [`PlayCallbackInfo`]({{ site.api }}interface/playcallbackinfo.html)
+- [`Rect`]({{ site.api }}interface/rect.html)
+- [`RectXY`](/api/interface/rectxy.md)
+- [`SearchTextOptions`](/api/interface/searchtextoptions.md)
+- [`TextSearchResult`](/api/interface/textsearchresult.md)
+- [`ThumbnailConfig`]({{ site.api }}interface/thumbnailconfig.html)
+- [`Tooltip`]({{ site.api }}interface/tooltip.html)
+- [`TransferOptions`]({{ site.api }}interface/transferoptions.html)
+- [`UiConfig`]({{ site.api }}interface/uiconfig.html)
+- [`UpdatedPdfSource`](/api/interface/updatedpdfsource.md)
+- [`UpdatedSource`](/api/interface/updatedsource.md)
+- [`VError`]({{ site.api }}interface/verror.html)
+- [`VideoConfig`]({{ site.api }}interface/videoconfig.html)
+- [`VideoDeviceInfo`]({{ site.api }}interface/videodeviceinfo.html)
+- [`VImageData`]({{ site.api }}interface/vimagedata.html)
+- [`ZoomOrigin`]({{ site.api }}interface/zoomorigin.html)
+
+## Enumeration & Type
+
+- [`EnumPdfPageType`]({{ site.api }}enumeration-type/enumpdfpagetype.html)
+- [`EnumPdfCompressionType`]({{ site.api }}enumeration-type/enumpdfcompressiontype.html)
+- [`EnumTiffCompressionType`]({{ site.api }}enumeration-type/enumtiffcompressiontype.html)
+- [`EnumConvertMode`]({{ site.api }}enumeration-type/enumconvertmode.html)
+- [`EnumAnnotationRenderMode`]({{ site.api }}enumeration-type/enumannotationrendermode.html)
+- [`EnumImageDataType`]({{ site.api }}enumeration-type/enumimagedatatype.html)
+- [`EnumImageFilterType`]({{ site.api }}enumeration-type/enumimagefiltertype.html)
+- [`EnumDocumentDetectionStatus`]({{ site.api }}enumeration-type/enumdocumentdetectionstatus.html)
+- [`EnumStampIcon`]({{ site.api }}enumeration-type/enumstampicon.html)
+- [`EnumLineEnding`]({{ site.api }}enumeration-type/enumlineending.html)
+- [`type Quad`]({{ site.api }}enumeration-type/quad.html)
+
+## Error
+
+- [Error List]({{ site.api }}errorlist.html)
\ No newline at end of file
diff --git a/_v3.2.1/api/interface/annotationinterface/flags.md b/_v3.2.1/api/interface/annotationinterface/flags.md
new file mode 100644
index 0000000..d7f9cd8
--- /dev/null
+++ b/_v3.2.1/api/interface/annotationinterface/flags.md
@@ -0,0 +1,101 @@
+---
+layout: default-layout
+needAutoGenerateSidebar: true
+needGenerateH3Content: true
+noTitleIndex: true
+title: Dynamsoft Document Viewer API Reference - Interface Flags
+keywords: Documentation, Dynamsoft Document Viewer, API Reference, Interface Flags
+breadcrumbText: Interface Flags
+description: Dynamsoft Document Viewer Documentation API Reference Interface Flags Page
+
+---
+
+# Flags
+
+## Syntax
+
+```typescript
+interface Flags {
+ print?: boolean;
+ noMove?: boolean;
+ noView?: boolean;
+ noResize?: boolean;
+ noRotate?: boolean;
+ readOnly?: boolean;
+}
+```
+
+## Attributes
+
+### print
+
+
+Indicates whether the annotation is printable. Default value: `true`. Only printable annotations will be included when the page is printed.
+
+### noMove
+
+Prevents users from moving annotations.
+
+Default value: `false`
+
+Note:
+
+For the following annotations, it is not effective and the default value is `true`.
+
+* [`Highlight`](/api/class/annotation/highlight.md)
+* [`Strikeout`](/api/class/annotation/strikeout.md)
+* [`Underline`](/api/class/annotation/underline.md)
+
+### noView
+
+Not to display the annotation or allow a user to interact with the annotation.
+
+Default value: `false`
+
+### noResize
+
+Prevents users from resizing annotations.
+
+Default value: `false`.
+
+Note:
+
+For [`TextTypeWriter`](/api/class/annotation/texttypewriter.md), it is not effective and the default value is `true`.
+
+### noRotate
+
+Prevents users from rotating annotations.
+
+Default value: `false`
+
+Note:
+
+For the following annotations, it is not effective and the default value is `true`.
+
+* [`TextTypeWriter`](/api/class/annotation/texttypewriter.md)
+* [`Polyline`](/api/class/annotation/polyline.md)
+* [`Polygon`](/api/class/annotation/polygon.md)
+* [`Line`](/api/class/annotation/line.md)
+* [`Highlight`](/api/class/annotation/highlight.md)
+* [`Strikeout`](/api/class/annotation/strikeout.md)
+* [`Underline`](/api/class/annotation/underline.md)
+
+
+### readOnly
+
+Not to allow a user to interact with the annotation, default value: `false`.
+
+## Related
+
+- [`RectAnnotationOptions`]({{ site.api }}interface/annotationinterface/rectannotationoptions.html)
+- [`EllipseAnnotationOptions`]({{ site.api }}interface/annotationinterface/ellipseannotationoptions.html)
+- [`PolygonAnnotationOptions`]({{ site.api }}interface/annotationinterface/polygonannotationoptions.html)
+- [`PolylineAnnotationOptions`]({{ site.api }}interface/annotationinterface/polylineannotationoptions.html)
+- [`LineAnnotationOptions`]({{ site.api }}interface/annotationinterface/lineannotationoptions.html)
+- [`InkAnnotationOptions`]({{ site.api }}interface/annotationinterface/inkannotationoptions.html)
+- [`TextBoxAnnotationOptions`]({{ site.api }}interface/annotationinterface/textboxannotationoptions.html)
+- [`TextTypewriterAnnotationOptions`]({{ site.api }}interface/annotationinterface/texttypewriterannotationoptions.html)
+- [`StampAnnotationOptions`]({{ site.api }}interface/annotationinterface/stampannotationoptions.html)
+- [`HighlightAnnotationOptions`](/api/interface/annotationinterface/highlightannotationoptions.md)
+- [`UnderlineAnnotationOptions`](/api/interface/annotationinterface/underlineannotationoptions.md)
+- [`StrikeoutAnnotationOptions`](/api/interface/annotationinterface/strikeoutannotationoptions.md)
\ No newline at end of file
diff --git a/_v3.2.1/api/interface/annotationinterface/index.md b/_v3.2.1/api/interface/annotationinterface/index.md
new file mode 100644
index 0000000..75a6d6f
--- /dev/null
+++ b/_v3.2.1/api/interface/annotationinterface/index.md
@@ -0,0 +1,53 @@
+---
+layout: default-layout
+needAutoGenerateSidebar: true
+needGenerateH3Content: true
+noTitleIndex: true
+title: Dynamsoft Document Viewer API Reference - Annotation Interfaces
+keywords: Documentation, Dynamsoft Document Viewer, API Reference, Annotation Interfaces
+breadcrumbText: Annotation Interfaces
+description: Dynamsoft Document Viewer Documentation API Reference Annotation Interfaces Page
+
+---
+
+# Annotation Interfaces
+
+## Options
+
+- [`RectAnnotationOptions`](/api/interface/annotationinterface/rectannotationoptions.md)
+- [`EllipseAnnotationOptions`](/api/interface/annotationinterface/ellipseannotationoptions.md)
+- [`PolygonAnnotationOptions`](/api/interface/annotationinterface/polygonannotationoptions.md)
+- [`PolylineAnnotationOptions`](/api/interface/annotationinterface/polylineannotationoptions.md)
+- [`LineAnnotationOptions`](/api/interface/annotationinterface/lineannotationoptions.md)
+- [`InkAnnotationOptions`](/api/interface/annotationinterface/inkannotationoptions.md)
+- [`TextBoxAnnotationOptions`](/api/interface/annotationinterface/textboxannotationoptions.md)
+- [`TextTypewriterAnnotationOptions`](/api/interface/annotationinterface/texttypewriterannotationoptions.md)
+- [`StampAnnotationOptions`](/api/interface/annotationinterface/stampannotationoptions.md)
+- [`HighlightAnnotationOptions`](/api/interface/annotationinterface/highlightannotationoptions.md)
+- [`UnderlineAnnotationOptions`](/api/interface/annotationinterface/underlineannotationoptions.md)
+- [`StrikeoutAnnotationOptions`](/api/interface/annotationinterface/strikeoutannotationoptions.md)
+
+## Styles
+
+- [`RectangleStyle`](/api/interface/annotationinterface/rectanglestyle.md)
+- [`EllipseStyle`](/api/interface/annotationinterface/ellipsestyle.md)
+- [`PolygonStyle`](/api/interface/annotationinterface/polygonstyle.md)
+- [`PolylineStyle`](/api/interface/annotationinterface/polylinestyle.md)
+- [`LineStyle`](/api/interface/annotationinterface/linestyle.md)
+- [`InkStyle`](/api/interface/annotationinterface/inkstyle.md)
+- [`TextBoxStyle`](/api/interface/annotationinterface/textboxstyle.md)
+- [`TextTypewriterStyle`](/api/interface/annotationinterface/texttypewriterstyle.md)
+- [`StampStyle`](/api/interface/annotationinterface/stampstyle.md)
+- [`HighlightStyle`](/api/interface/annotationinterface/highlightstyle.md)
+- [`UnderlineStyle`](/api/interface/annotationinterface/underlinestyle.md)
+- [`StrikeoutStyle`](/api/interface/annotationinterface/strikeoutstyle.md)
+
+## Other
+
+- [`Flags`](/api/interface/annotationinterface/flags.md)
+- [`Point`](/api/interface/annotationinterface/point.md)
+- [`TextContent`](/api/interface/annotationinterface/textcontent.md)
+- [`ToolbarConfig`](/api/interface/annotationinterface/toolbarconfig.md)
+- [`PaletteConfig`](/api/interface/annotationinterface/paletteconfig.md)
+- [`AnnotationToolbarButton`](/api/interface/annotationinterface/annotationtoolbarbutton.md)
+
diff --git a/_v3.2.1/api/interface/annotationinterface/paletteconfig.md b/_v3.2.1/api/interface/annotationinterface/paletteconfig.md
new file mode 100644
index 0000000..e6b5d28
--- /dev/null
+++ b/_v3.2.1/api/interface/annotationinterface/paletteconfig.md
@@ -0,0 +1,110 @@
+---
+layout: default-layout
+needAutoGenerateSidebar: true
+needGenerateH3Content: true
+noTitleIndex: true
+title: Dynamsoft Document Viewer API Reference - Interface PaletteConfig
+keywords: Documentation, Dynamsoft Document Viewer, API Reference, Interface PaletteConfig
+breadcrumbText: Interface PaletteConfig
+description: Dynamsoft Document Viewer Documentation API Reference Interface PaletteConfig Page
+
+---
+
+# PaletteConfig
+
+## Syntax
+
+```typescript
+interface PaletteConfig {
+ enabled?: boolean;
+ id?: string;
+ className?: string;
+ style?: cssstyleDeclaration;
+ colorList?: string[];
+ labels?: {
+ text? : string;
+ stroke? : string;
+ fill?: string;
+ opacity?: string;
+ style?: string;
+ standardBusiness?: string;
+ }
+ }
+```
+
+## Attributes
+
+### enabled
+
+Whether or not the toolbar is enabled.
+
+Default value: `true`
+
+### id
+
+The id of Dom Element. If it is not specified, a random string will be generated.
+
+### className
+
+The className of CSS.
+
+### style
+
+The style which will cover CSS.
+
+### colorList
+
+The color list in palette. Supported string value:
+- Named color, for example, `red`, `green`, etc.
+- HEX(`#RRGGBB`), for example, `#ff0000`, `#008000`, etc.
+- RGB(`rgb(red, green, blue)`), for example, `rgb(255, 0, 0)`, `rgb(0, 128, 0)`, etc.
+- HSL(`hsl(Hue, Saturation, Lightness)`), for example, `hsl(0, 100%, 50%)`, `hsl(120, 100%, 25%)` ,etc.
+
+Default value: `["#F01314", "#FD7C10", "#FFEE5F", "#07C37F", "#0E68F5", "#9D3BFE", "#000000","#FF9494", "#87440C", "#B7A514", "#046743", "#50C9FF", "#EBA3ED", "#FFFFFF","#CECECE"]`
+
+
+
+
+**Example**
+
+```typescript
+colorList: ["red", "green", "#0000ff", "#ffff00" , "rgb(0, 0, 0)", "rgb(128, 128, 128)", "hsl(0, 0%, 100%)", "hsl(350, 100%, 88%)"],
+```
+
+**Remarks**
+
+- The palette's UI defaults to presenting 27 color circles for display. Consequently, only the first 27 values within the `colorList` array can be utilized and will appear in the UI in a sequential manner. The remaining values in the array will be disregarded.
+- If the number of values in the `colorList` array are less than 27, after applying the values configured in the array, the remaining color circles will be replaced by custom color circles.
+- Custom color circles can be set to a specified color by clicking on the circle via the user interface. Similarly, for color circles, the color can be modified by double-clicking on them through the user interface.
+
+### displayText
+
+The display text in palette.
+
+#### text
+
+Default value: `Text`
+
+#### stroke
+
+Default value: `Stroke`
+
+#### fill
+
+Default value: `Fill`
+
+#### opacity
+
+Default value: `Opacity`
+
+#### style
+
+Default value: `Style`
+
+#### standardBusiness
+
+Default value: `StandardBusiness`
+
+## Related
+
+- [`EditViewerConstructorOptions`]({{ site.api }}interface/editviewerconstructoroptions.html)
diff --git a/_v3.2.1/api/interface/annotationinterface/toolbarconfig.md b/_v3.2.1/api/interface/annotationinterface/toolbarconfig.md
new file mode 100644
index 0000000..713e1ef
--- /dev/null
+++ b/_v3.2.1/api/interface/annotationinterface/toolbarconfig.md
@@ -0,0 +1,78 @@
+---
+layout: default-layout
+needAutoGenerateSidebar: true
+needGenerateH3Content: true
+noTitleIndex: true
+title: Dynamsoft Document Viewer API Reference - Interface ToolbarConfig
+keywords: Documentation, Dynamsoft Document Viewer, API Reference, Interface ToolbarConfig
+breadcrumbText: Interface ToolbarConfig
+description: Dynamsoft Document Viewer Documentation API Reference Interface ToolbarConfig Page
+
+---
+
+# ToolbarConfig
+
+## Syntax
+
+```typescript
+interface ToolbarConfig {
+ enabled?: boolean;
+ id?: string;
+ className?: string; // the className of CSS
+ style?: CssStyleDeclaration; // the style of the toolbar
+ paletteButton?: AnnotationToolbarButton;
+ deleteButton?: AnnotationToolbarButton;
+ copyButton?: AnnotationToolbarButton;
+ highlightButton?: AnnotationToolbarButton;
+ underlineButton?: AnnotationToolbarButton;
+ strikeoutButton?: AnnotationToolbarButton;
+}
+```
+
+## Attributes
+
+### enabled
+
+Whether or not the toolbar is enabled.
+
+Default value: `true`
+
+### id
+
+The id of Dom Element. If it is not specified, a random string will be generated.
+
+### className
+
+The className of CSS.
+
+### style
+
+The style which will cover CSS.
+
+### paletteButton
+
+The configuration of palette button in the toolbar. Please refer to [`AnnotationToolbarButton`]({{ site.api }}interface/annotationinterface/annotationtoolbarbutton.html).
+
+### deleteButton
+
+The configuration of delete button in the toolbar. Please refer to [`AnnotationToolbarButton`]({{ site.api }}interface/annotationinterface/annotationtoolbarbutton.html).
+
+### copyButton
+
+The configuration of copy button in the toolbar. Please refer to [`AnnotationToolbarButton`]({{ site.api }}interface/annotationinterface/annotationtoolbarbutton.html).
+
+### highlightButton
+
+The configuration of highlight button in the toolbar. Please refer to [`AnnotationToolbarButton`]({{ site.api }}interface/annotationinterface/annotationtoolbarbutton.html).
+
+### underlineButton
+
+The configuration of underline button in the toolbar. Please refer to [`AnnotationToolbarButton`]({{ site.api }}interface/annotationinterface/annotationtoolbarbutton.html).
+
+### strikeoutButton
+
+The configuration of strikeout button in the toolbar. Please refer to [`AnnotationToolbarButton`]({{ site.api }}interface/annotationinterface/annotationtoolbarbutton.html).
+
+## Related
+
+- [`EditViewerConstructorOptions`]({{ site.api }}interface/editviewerconstructoroptions.html)
\ No newline at end of file
diff --git a/_v3.2.1/api/interface/displaytextconfig.md b/_v3.2.1/api/interface/displaytextconfig.md
new file mode 100644
index 0000000..ccbbcb0
--- /dev/null
+++ b/_v3.2.1/api/interface/displaytextconfig.md
@@ -0,0 +1,138 @@
+---
+layout: default-layout
+needAutoGenerateSidebar: true
+needGenerateH3Content: true
+noTitleIndex: true
+title: Dynamsoft Document Viewer API Reference - Interface DisplayTextConfig
+keywords: Documentation, Dynamsoft Document Viewer, API Reference, Interface DisplayTextConfig
+breadcrumbText: Interface DisplayTextConfig
+description: Dynamsoft Document Viewer Documentation API Reference Interface DisplayTextConfig Page
+
+---
+
+# DisplayTextConfig
+
+## Syntax
+
+```typescript
+interface DisplayTextConfig {
+ FitMode_FitWidth?: string;
+ FitMode_FitHeight?: string;
+ FitMode_FitWindow?: string;
+ FitMode_ActualSize?: string;
+ DisplayMode_SinglePage?: string;
+ DisplayMode_ContinuousPage?: string;
+ Crop_CropAll?: string;
+ Crop_CropCurrent?: string;
+ Crop_CropCancel?: string;
+ Crop_CropApply?: string;
+ Filter_FilterAll?: string;
+ Delete_DeleteCurrent?: string;
+ Delete_DeleteAll?: string;
+ CameraResolution_720P?: string;
+ CameraResolution_1080P?: string;
+ CameraResolution_1440P?: string;
+ CameraResolution_2160P?: string;
+ CameraResolution?: string;
+ Capture?: string;
+ Flashlight?: string;
+ CameraConvert?: string;
+ AutoDetect?: string;
+ AutoCapture?: string;
+ Rotate?: string;
+ RotateLeft?: string;
+ RotateRight?: string;
+ Load?: string;
+ Download?: string;
+ Delete?: string;
+ DeleteCurrent?: string;
+ DeleteAll?: string;
+ Zoom?: string;
+ ZoomIn?: string;
+ ZoomOut?: string;
+ ZoomByPercentage?: string;
+ Crop?: string;
+ CropAll?: string;
+ CropCurrent?: string;
+ CropMode?: string;
+ PerspectiveAll?: string;
+ FullQuad?: string;
+ Undo?: string;
+ Redo?: string;
+ Restore?: string;
+ Pan?: string;
+ Filter?: string;
+ Print?: string;
+ ThumbnailSwitch?: string;
+ DisplayMode?: string;
+ ContinuousPage?: string;
+ MultiPage?: string;
+ SinglePage?: string;
+ FitMode?: string;
+ FitWidth?: string;
+ FitHeight?: string;
+ FitWindow?: string;
+ ActualSize?: string;
+ Back?: string;
+ Close?: string;
+ Done?: string;
+ FirstPage?: string;
+ LastPage?: string;
+ NextPage?: string;
+ PrevPage?: string;
+ ImagePreview?: string;
+ AnnotationSet?: string;
+ EllipseAnnotation?: string;
+ InkAnnotation?: string;
+ LineAnnotation?: string;
+ PolygonAnnotation?: string;
+ PolylineAnnotation?: string;
+ RectAnnotation?: string;
+ StampIconAnnotation?: string;
+ StampImageAnnotation?: string;
+ TextBoxAnnotation?: string;
+ TextTypewriterAnnotation?: string;
+ SelectAnnotation?: string;
+ EraseAnnotation?: string;
+ HighlightAnnotation?: string;
+ UnderlineAnnotation?: string;
+ StrikeoutAnnotation?: string;
+ BringForward?: string;
+ BringToFront?: string;
+ SendBackward?: string;
+ SendToBack?: string;
+ TextSearchPanelSwitch?: string;
+ TextSelectionMode?: string;
+}
+```
+
+## Remark
+
+- Some of built-in elements have default display texts.
+
+ Elements | Default Text
+ ----------------------------|----------------------
+ FitMode_FitWidth | "Fit Width"
+ FitMode_FitHeight | "Fit Height"
+ FitMode_FitWindow | "Fit Window"
+ FitMode_ActualSize | "Actual Size"
+ DisplayMode_SinglePage | "Single Page"
+ DisplayMode_ContinuousPage | "Enable Scrolling"
+ Crop_CropAll | "Crop all pages"
+ Crop_CropCurrent | "Crop current page"
+ Crop_CropCancel | "Cancel"
+ Crop_CropApply | "Apply"
+ Filter_FilterAll | "Apply to all"
+ Delete_DeleteCurrent | "Delete current"
+ Delete_DeleteAll | "Delete all"
+ Capture | "Capture"
+ CameraResolution_720P | "720P"
+ CameraResolution_1080P | "1080P"
+ CameraResolution_1440P | "1440P"
+ CameraResolution_2160P | "2160P"
+ AnnotationSet | "Annotation"
+
+## Related
+
+- [`getDisplayTextConfig()`]({{ site.api }}namespace/ddv_elements.html#static-getdisplaytextconfig)
+- [`setDisplayTextConfig()`]({{ site.api }}namespace/ddv_elements.html#static-setdisplaytextconfig)
diff --git a/_v3.2.1/api/interface/idocument/index.md b/_v3.2.1/api/interface/idocument/index.md
new file mode 100644
index 0000000..b94021b
--- /dev/null
+++ b/_v3.2.1/api/interface/idocument/index.md
@@ -0,0 +1,865 @@
+---
+layout: default-layout
+needAutoGenerateSidebar: true
+needGenerateH3Content: true
+noTitleIndex: true
+title: Dynamsoft Document Viewer API Reference - Interface IDocument
+keywords: Documentation, Dynamsoft Document Viewer, API Reference, Interface IDocument
+breadcrumbText: Interface IDocument
+description: Dynamsoft Document Viewer Documentation API Reference Interface IDocument Page
+
+---
+
+# IDocument
+
+This interface that defines a document object.
+
+## Members
+
+| API Name | Description |
+| ------------------- | ------------------------------------------------------------ |
+| [`name`](#name) | Return the name of current document. |
+| [`author`](#author) | Return the author of current document. |
+| [`creationDate`](#creationdate) | Return the creation date of current document. |
+| [`uid`](#uid) | Return the docUid of current document. |
+| [`pages`](#pages) | Return the array of pageUids of current document. |
+| [`loadSource()`](#loadsource) | Load file(s) to current document. |
+| [`getPageData()`](#getpagedata) | Get the data of specified page. |
+| [`updatePage()`](#updatepage) | Update a page specified by the pageUid with the new data. |
+| [`setPageCustomData()`](#setpagecustomdata) | Set the custom data to the specified page. |
+| [`getPageCustomData()`](#getpagecustomdata) | Get the custom data of the specified page. |
+| [`deletePages()`](#deletepages) | Delete the specified pages from current document. |
+| [`deleteAllPages()`](#deleteallpages) | Delete all pages in current document. |
+| [`movePages()`](#movepages) | Move specified page(s) to the target position in current document. |
+| [`switchPage()`](#switchpage) | Swap the position of two pages in current document. |
+| [`insertBlankPage()`](#insertblankpage) | Insert a blank page to current document. |
+| [`isPageModified()`](#ispagemodified) | Check if a page is modified. |
+| [`rename()`](#rename) | Rename current document. |
+| [`saveToPng()`](#savetopng) | Save specified page or current page in current document to a PNG file. |
+| [`saveToJpeg()`](#savetojpeg) | Save specified page or current page in current document to a JPEG file. |
+| [`saveToTiff()`](#savetotiff) | Save specified page(s) or all pages in current document to a TIFF file. |
+| [`saveToPdf()`](#savetopdf) | Save specified page(s) or all pages in current document to a PDF file. |
+| [`print()`](#print) | Use the browser’s built-in print feature to print the specified image(s). |
+| [`createTextSearcher()`](#createtextsearcher) | Create a text searcher. |
+
+### name
+
+Return the name of current document.
+
+**Syntax**
+
+```typescript
+readonly name: string;
+```
+
+**Remark**
+
+- It can be set while creating the document by using [`createDocument()`]({{ site.api }}class/documentmanager.html#createdocument). If it is not set, return the name which is auto generated.
+
+### author
+
+Return the author of current document.
+
+**Syntax**
+
+```typescript
+readonly author: string;
+```
+
+**Remark**
+
+- It can be set while creating the document by using [`createDocument()`]({{ site.api }}class/documentmanager.html#createdocument). If it is not set, return `''`.
+
+### creationDate
+
+Return the creation date of current document.
+
+**Syntax**
+
+```typescript
+readonly creationDate: string;
+```
+
+**Remark**
+
+- It can be set while creating the document by using [`createDocument()`]({{ site.api }}class/documentmanager.html#createdocument). If it is not set, return the actual creation date of the document.
+
+### uid
+
+Return the docUid of current document.
+
+**Syntax**
+
+```typescript
+readonly uid: string;
+```
+
+### pages
+
+Return the array of pageUids of current document.
+
+**Syntax**
+
+```typescript
+readonly pages: string[];
+```
+
+**Remark**
+
+- Returns an array of pageUids.
+
+**Code Snippet**
+
+```typescript
+const firstDoc = Dynamsoft.DDV.documentManager.createDocument({
+ name: "first_document",
+ author: "DDV",
+ creationDate: "D:20230101085959-08'00'",
+ });
+
+const docName = firstDoc.name;
+const docAuthor = firstDoc.author;
+const docCreationDate = firstDoc.creationDate;
+const docUid = firstDoc.uid;
+const docPages = firstDoc.pages;
+```
+
+
+### loadSource()
+
+Load file(s) to current document.
+
+**Syntax**
+
+```typescript
+loadSource(fileData: Blob | Blob[], index?: number): Promise;
+loadSource(sources: Source | PdfSource | (Source | PdfSource)[], index?: number): Promise;
+```
+
+**Parameters**
+
+`fileData`: The blob of the file to be loaded.
+
+`sources`: The target files, it could be a file or a file array. Please refer to [`Source`]({{ site.api }}interface/idocument/source.html). `Source` can be extended to [`PdfSource`]({{ site.api }}interface/idocument/pdfsource.html).
+
+`index`: The position in the document where the file(s) will be loaded to. If not set or out of the maximum range, the loaded file(s) will be added from the end of the document.
+
+**Return Value**
+
+A Promise object which will be resolved with the page uids of the loaded pages when the file(s) are successfully loaded.
+
+**Code Snippet**
+
+```typescript
+const firstDoc = Dynamsoft.DDV.documentManager.createDocument({
+ name: "first_document",
+ author: "DDV",
+ creationDate: "D:20230101085959-08'00'",
+ });
+const source = {
+ fileData: /*sampleBlob*/;
+};
+await firstDoc.loadSource([source]);
+```
+
+**Promise Exception**
+
+ Error Code | Error Message
+--------|-----------------------------------------------------
+ -80001 | License string is invalid.
+ -80002 | *XXX(LicenseModuleName)* module license has expired.
+ -80003 | *XXX(LicenseModuleName)* module license is missing.
+ -80004 | *XXX(LicenseModuleName)* module license version does not match.
+ -80005 | Domain does not match the domain bound to the *XXX(LicenseModuleName)* module license.
+ -80050 | DDV.Core.init() has not been set up yet.
+ -80051 | DDV.Core.init() has not been completed.
+ -80100 | *XXX(API)*: *XXX(ParameterName)* is invalid.
+ -80102 | *XXX(API)*: *XXX(ParameterName)* is missing.
+ -80200 | File type is not supported.
+ -80202 | Failed to read the PDF file because it's encrypted and the correct password is not provided.
+ -80203 | Failed to read some annotations because they are not supported by Dynamsoft Document Viewer so far.
+ -80204 | PDFs containing XFA (XML Forms Architecture) forms are not supported.
+
+### getPageData()
+
+Get the data of specified page.
+
+**Syntax**
+
+```typescript
+getPageData(pageUid: string): IPageData;
+```
+
+**Parameters**
+
+`pageUid`: The uid of the page.
+
+**Return Value**
+
+[`IPageData`](/api/interface/ipagedata.md) object.
+
+**Code Snippet**
+
+```typescript
+const pageData = firstDoc.getPageData(firstDoc.pages[0]);
+```
+
+**Promise Exception**
+
+ Error Code | Error Message
+--------|-----------------------------------------------------
+ -80100 | *XXX(API)*: *XXX(ParameterName)* is invalid.
+ -80102 | *XXX(API)*: *XXX(ParameterName)* is missing.
+ -80105 | *XXX(API)*: The specified page(s) do not exist.
+
+
+### updatePage()
+
+Update a page specified by the pageUid with the new data.
+
+**Syntax**
+
+```typescript
+updatePage(pageUid: string, source: UpdatedSource | UpdatedPdfSource): Promise;
+```
+
+**Parameters**
+
+`pageUid`: The uid of the page to be updated.
+
+`source`: The new data. Please refer to [`UpdatedSource`](/api/interface/updatedsource.md) and [`UpdatedPdfSource`](/api/interface/updatedpdfsource.md).
+
+**Return Value**
+
+A Promise object which will be resolved with a boolean value.
+
+`true`: Successfully.
+
+`false`: Failed.
+
+**Code Snippet**
+
+```typescript
+const source = {
+ fileIndex: 1, // Using the second page of the new multi-page file, such as PDF or TIFF.
+ fileData: /*sample blob*/
+};
+
+await firstDoc.updatePage(firstDoc.pages[0], source);
+```
+
+**Promise Exception**
+
+ Error Code | Error Message
+--------|-----------------------------------------------------
+ -80001 | License string is invalid.
+ -80002 | *XXX(LicenseModuleName)* module license has expired.
+ -80003 | *XXX(LicenseModuleName)* module license is missing.
+ -80004 | *XXX(LicenseModuleName)* module license version does not match.
+ -80005 | Domain does not match the domain bound to the *XXX(LicenseModuleName)* module license.
+ -80050 | DDV.Core.init() has not been set up yet.
+ -80051 | DDV.Core.init() has not been completed.
+ -80100 | *XXX(API)*: *XXX(ParameterName)* is invalid.
+ -80102 | *XXX(API)*: *XXX(ParameterName)* is missing.
+ -80200 | File type is not supported.
+ -80202 | Failed to read the PDF file because it's encrypted and the correct password is not provided.
+ -80203 | Failed to read some annotations because they are not supported by Dynamsoft Document Viewer so far.
+ -80204 | PDFs containing XFA (XML Forms Architecture) forms are not supported.
+
+
+### setPageCustomData()
+
+Set the custom data to the specified page.
+
+**Syntax**
+
+```typescript
+setPageCustomData(pageUid: string, data: any): Promise;
+```
+
+**Parameters**
+
+`pageUid`: The uid of the page.
+
+`data`: The custom data to set.
+
+**Return Value**
+
+A Promise object which will be resolved with a boolean value.
+
+`true`: Successfully.
+
+`false`: Failed.
+
+**Code Snippet**
+
+```typescript
+const customData ={
+ hasBarcode: true; // sample custom data
+};
+await firstDoc.setPageCustomData(firstDoc.pages[0], customData);
+```
+
+**Promise Exception**
+
+ Error Code | Error Message
+--------|-----------------------------------------------------
+ -80100 | *XXX(API)*: *XXX(ParameterName)* is invalid.
+ -80102 | *XXX(API)*: *XXX(ParameterName)* is missing.
+ -80105 | *XXX(API)*: The specified page(s) do not exist.
+
+### getPageCustomData()
+
+Get the custom data of the specified page.
+
+**Syntax**
+
+```typescript
+getPageCustomData(pageUid: string): Promise;
+```
+
+**Parameters**
+
+`pageUid`: The uid of the page.
+
+**Return Value**
+
+A Promise object which will be resolved with the custom data.
+
+**Code Snippet**
+
+```typescript
+const customdata = await firstDoc.getPageCutomData(firstDoc.pages[0]);
+```
+
+**Promise Exception**
+
+ Error Code | Error Message
+--------|-----------------------------------------------------
+ -80100 | *XXX(API)*: *XXX(ParameterName)* is invalid.
+ -80102 | *XXX(API)*: *XXX(ParameterName)* is missing.
+ -80105 | *XXX(API)*: The specified page(s) do not exist.
+
+### deletePages()
+
+Delete the specified pages from current document.
+
+**Syntax**
+
+```typescript
+deletePages(indices: number[]): boolean;
+```
+
+**Parameters**
+
+`indices`: The array of page indices which will be removed.
+
+**Return Value**
+
+`true`: Successfully.
+
+`false`: Failed.
+
+**Code Snippet**
+
+```typescript
+// Delete the first and second page.
+firstDoc.deletePages([0,1]);
+```
+
+**Warning**
+
+ Error Code | Error Message | API return value
+-------------|------------------------------------------------|---------------
+ -80100 | *XXX(API)*: *XXX(ParameterName)* is invalid. | `false`
+ -80102 | *XXX(API)*: *XXX(ParameterName)* is missing. | `false`
+
+### deleteAllPages()
+
+Delete all pages in current document.
+
+**Syntax**
+
+```typescript
+deleteAllPages(): boolean;
+```
+
+**Parameters**
+
+None.
+
+**Return Value**
+
+`true`: Successfully.
+
+`false`: Failed.
+
+**Code Snippet**
+
+```typescript
+// Delete all pages from the doc.
+firstDoc.deleteAllPages();
+```
+
+### movePages()
+
+Move specified page(s) to the target position in current document.
+
+**Syntax**
+
+```typescript
+movePages(indices: number[], insertBeforeIndex?: number): void;
+```
+
+**Parameters**
+
+`indices`: The array of page(s) indices to be moved.
+
+`insertBeforeIndex`: Moved pages will be placed before this index. If not set or out of the maximum range, the specified page(s) will be moved after the last page.
+
+**Code Snippet**
+
+```typescript
+// Move the second, fourth, sixth pages to the begining of the doc
+// The moved pages are in (original sixth, fourth, second) order.
+firstDoc.movePages([5,3,1], 0);
+```
+
+**Exception**
+
+ Error Code | Error Message
+--------|-----------------------------------------------------
+ -80100 | *XXX(API)*: *XXX(ParameterName)* is invalid.
+ -80102 | *XXX(API)*: *XXX(ParameterName)* is missing.
+
+
+### switchPage()
+
+Swap the position of two pages in current document.
+
+**Syntax**
+
+```typescript
+switchPage(oneIndex: number, anotherIndex: number): void;
+```
+
+**Parameters**
+
+`oneIndex`: The index of one page.
+
+`anotherIndex`: The index of another page.
+
+**Return Value**
+
+`true`: Successfully.
+
+`false`: Failed.
+
+**Code Snippet**
+
+```typescript
+// Switch the third and sixth pages.
+firstDoc.switchPage(2, 5);
+```
+
+**Exception**
+
+ Error Code | Error Message
+--------|-----------------------------------------------------
+ -80100 | *XXX(API)*: *XXX(ParameterName)* is invalid.
+ -80101 | *XXX(API)*: *XXX(ParameterName)* is out of range.
+ -80102 | *XXX(API)*: *XXX(ParameterName)* is missing.
+
+### insertBlankPage()
+
+Insert a blank page to current document.
+
+**Syntax**
+
+```typescript
+insertBlankPage(
+ pageWidth: number;
+ pageHeight: number;
+ insertBeforeIndex?: number;
+):string;
+```
+
+**Parameters**
+
+`pageWidth`: The page width of the blank page to insert. The unit is point.
+
+`pageHeight`: The page height of the blank page to insert. The unit is point.
+
+`insertBeforeIndex`: The blank page will be inserted before this index. If not set or out of the maximum range, the blank page will be added after the last page.
+
+*Common page sizes:*
+
+ Page size | pageWidth (pt) | pageHeight (pt)
+-----------|------------------|-------------------
+ Letter | 612 | 792
+ Legal | 612 | 1008
+ A4 | 597.6 | 842.4
+ A3 | 842.4 | 1188
+
+**Return value**
+
+The page uid of the inserted blank page.
+
+**Exception**
+
+ Error Code | Error Message
+-------------|-----------------------------------------------------
+ -80050 | DDV.Core.init() has not been set up yet.
+ -80051 | DDV.Core.init() has not been completed.
+ -80100 | *XXX(API)*: *XXX(ParameterName)* is invalid.
+ -80101 | *XXX(API)*: *XXX(ParameterName)* is out of range.
+ -80102 | *XXX(API)*: *XXX(ParameterName)* is missing.
+
+### isPageModified()
+
+Check if a page is modified.
+
+**Syntax**
+
+```typescript
+isPageModified(index: number): boolean;
+```
+
+**Parameters**
+
+`index`: The page index.
+
+**Return value**
+
+A boolean value which indicates whether the page is modified.
+
+**Exception**
+
+ Error Code | Error Message
+--------|-----------------------------------------------------
+ -80100 | *XXX(API)*: *XXX(ParameterName)* is invalid.
+ -80101 | *XXX(API)*: *XXX(ParameterName)* is out of range.
+ -80102 | *XXX(API)*: *XXX(ParameterName)* is missing.
+
+### rename()
+
+Rename current document.
+
+**Syntax**
+
+```typescript
+rename(name: string): boolean;
+```
+
+**Parameters**
+
+`name`: The new name of current document.
+
+**Return Value**
+
+`true`: Successfully.
+
+`false`: Failed.
+
+**Code Snippet**
+
+```typescript
+const firstDoc = Dynamsoft.DDV.documentManager.createDocument({
+ name: "first_document",
+ author: "DDV",
+ creationDate: "D:20230101085959-08'00'",
+ });
+firstDoc.rename("my_doc");
+```
+
+**Warning**
+
+ Error Code | Error Message | API return value
+--------|-----------------------------------------------------|---------------
+ -80100 | *XXX(API)*: *XXX(ParameterName)* is invalid. | `false`
+ -80102 | *XXX(API)*: *XXX(ParameterName)* is missing. | `false`
+
+### saveToPng()
+
+Save specified page or current page in current document to a PNG file.
+
+**Syntax**
+
+```typescript
+saveToPng(index: number, savePngSettings?: SavePngSettings): Promise;
+```
+
+**Parameters**
+
+`index`: Specify index of the page to be saved.
+
+`savePngSettings`: Specify the save settings. Please refer to [`SavePngSettings`]({{ site.api }}interface/idocument/savepngsettings.html).
+
+**Return Values**
+
+A Promise object which will be resolved with `Blob` of the saved image.
+
+**Code Snippet**
+
+```typescript
+// Save the first page to a PNG file.
+const result = await firstDoc.saveToPng(0);
+```
+
+**Promise Exception**
+
+ Error Code | Error Message
+--------|-----------------------------------------------------
+ -80001 | License string is invalid.
+ -80002 | *XXX(LicenseModuleName)* module license has expired.
+ -80003 | *XXX(LicenseModuleName)* module license is missing.
+ -80004 | *XXX(LicenseModuleName)* module license version does not match.
+ -80005 | Domain does not match the domain bound to the *XXX(LicenseModuleName)* module license.
+ -80100 | *XXX(API)*: *XXX(ParameterName)* is invalid.
+ -80101 | *XXX(API)*: *XXX(ParameterName)* is out of range.
+ -80102 | *XXX(API)*: *XXX(ParameterName)* is missing.
+
+### saveToJpeg()
+
+Save specified page or current page in current document to a JPEG file.
+
+**Syntax**
+
+```typescript
+saveToJpeg(index: number, saveJpegSettings?: SaveJpegSettings): Promise;
+```
+
+**Parameters**
+
+`index`: Specify index of the page to be saved.
+
+`saveJpegSettings`: Specify the save settings. Please refer to [`SaveJpegSettings`]({{ site.api }}interface/idocument/savejpegsettings.html).
+
+**Return Values**
+
+A Promise object which will be resolved with `Blob` of the saved image.
+
+**Code Snippet**
+
+```typescript
+// Save the first page as a JPEG file with a JPEG compression quality of 100, and the annotations are saved as part of the JPEG.
+const settings = {
+ quality: 100,
+ saveAnnotation: false,
+};
+const result = await firstDoc.saveToJpeg(0, settings);
+```
+
+**Promise Exception**
+
+ Error Code | Error Message
+--------|-----------------------------------------------------
+ -80001 | License string is invalid.
+ -80002 | *XXX(LicenseModuleName)* module license has expired.
+ -80003 | *XXX(LicenseModuleName)* module license is missing.
+ -80004 | *XXX(LicenseModuleName)* module license version does not match.
+ -80005 | Domain does not match the domain bound to the *XXX(LicenseModuleName)* module license.
+ -80100 | *XXX(API)*: *XXX(ParameterName)* is invalid.
+ -80101 | *XXX(API)*: *XXX(ParameterName)* is out of range.
+ -80102 | *XXX(API)*: *XXX(ParameterName)* is missing.
+
+### saveToTiff()
+
+Save specified page(s) or all pages in current document to a TIFF file.
+
+**Syntax**
+
+```typescript
+saveToTiff(indices: number[], saveTiffSettings?: SaveTiffSettings): Promise;
+saveToTiff(saveTiffSettings?: SaveTiffSettings): Promise;
+```
+
+**Parameters**
+
+`indices`: The array of page indices which will be saved. If not set, will save all pages to a TIFF file by default.
+
+`saveTiffSettings`: Specify the save settings. Please refer to [`SaveTiffSettings`]({{ site.api }}interface/idocument/savetiffsettings.html).
+
+**Return Values**
+
+A Promise object which will be resolved with `Blob` of the saved TIFF file.
+
+**Code Snippet**
+
+```typescript
+// Set custom tag
+const customTag1 = {
+ id: 700,
+ content: "Created By Dynamsoft",
+ contentIsBase64: false,
+}
+
+// Set SaveTiffSettings
+const tiffSettings = {
+ customTag: [customTag1],
+ compression: "tiff/auto",
+}
+
+// Save the fifth, sixth, seventh pages to a multi-page TIFF file with the specified tiff settings.
+const result1 = await firstDoc.saveToTiff([4,5,6], tiffSettings);
+
+// Save the whole document to a multi-page TIFF file with the specified tiff settings.
+const result2 = await firstDoc.saveToTiff(tiffSettings);
+```
+
+**Promise Exception**
+
+ Error Code | Error Message
+--------|-----------------------------------------------------
+ -80001 | License string is invalid.
+ -80002 | *XXX(LicenseModuleName)* module license has expired.
+ -80003 | *XXX(LicenseModuleName)* module license is missing.
+ -80004 | *XXX(LicenseModuleName)* module license version does not match.
+ -80005 | Domain does not match the domain bound to the *XXX(LicenseModuleName)* module license.
+ -80100 | *XXX(API)*: *XXX(ParameterName)* is invalid.
+ -80305 | There is no image in the current document.
+
+### saveToPdf()
+
+Save specified page(s) or all pages in current document to a PDF file.
+
+**Syntax**
+
+```typescript
+saveToPdf(indices: number[], savePdfSettings?: SavePdfSettings): Promise;
+saveToPdf(savePdfSettings?: SavePdfSettings): Promise;
+```
+
+**Parameters**
+
+`indices`: The array of page indices which will be saved.
+
+`savePdfSettings`: Specify the save settings. Please refer to [`SavePdfSettings`]({{ site.api }}interface/idocument/savepdfsettings.html). If not set, will save all pages to a PDF file by default.
+
+**Return Values**
+
+A Promise object which will be resolved with `Blob` of the saved PDF file.
+
+**Code Snippet**
+
+```typescript
+const pdfSettings = {
+ author: "Dynamsoft",
+ compression: "pdf/jpeg",
+ pageType: "page/a4",
+ creator: "DDV",
+ creationDate: "D:20230101085959-08'00'",
+ keyWords: "samplepdf",
+ modifiedDate: "D:20230101090101-08'00'",
+ producer: "Dynamsoft Document Viewer",
+ subject: "SamplePdf",
+ title: "SamplePdf",
+ version: "1.5",
+ quality: 90,
+ password: "dynamsoft",
+ saveAnnotation: "annotation",
+ imageScaleFactor: 1,
+};
+
+// Save the fifth, sixth, seventh pages to a multi-page PDF file with the specified pdf settings.
+const result1 = await firstDoc.saveToPdf([4,5,6], pdfSettings);
+
+// Save the whole document to a multi-page PDF file with the specified pdf settings.
+const result2 = await firstDoc.saveToPdf(pdfSettings);
+```
+
+**Promise Exception**
+
+ Error Code | Error Message
+--------|-----------------------------------------------------
+ -80001 | License string is invalid.
+ -80002 | *XXX(LicenseModuleName)* module license has expired.
+ -80003 | *XXX(LicenseModuleName)* module license is missing.
+ -80004 | *XXX(LicenseModuleName)* module license version does not match.
+ -80005 | Domain does not match the domain bound to the *XXX(LicenseModuleName)* module license.
+ -80100 | *XXX(API)*: *XXX(ParameterName)* is invalid.
+ -80305 | There is no image in the current document.
+ -80318 | The document contains unsupported fonts, which may result in font loss after saving.
+
+### print()
+
+Use the browser’s built-in print feature to print the specified image(s) and whether printable annotations can be printed
+
+**Syntax**
+
+```typescript
+print(printSettings?: PrintSettings);
+print(indices: number[], printSettings?: PrintSettings);
+```
+
+**Parameters**
+
+`indices`: The array of page indices which will be printed. If not set, will export all pages to the browser’s built-in print window.
+
+`printSettings`: Specify the print settings. Please refer to [`PrintSettings`]({{ site.api }}interface/idocument/printsettings.html).
+
+**Return Values**
+
+`true`: Successfully.
+
+`false`: Failed.
+
+---
+
+**Code Snippet**
+
+```typescript
+// To print the whole doc pages
+firstDoc.print();
+
+// To print the second and third pages
+firstDoc.print([1,2]);
+
+// To print the whole doc pages, including printable annotations.
+firstDoc.print({
+ printAnnotation: true;
+});
+```
+
+**Exception**
+
+ Error Code | Error Message
+--------|-----------------------------------------------------
+ -80100 | *XXX(API)*: *XXX(ParameterName)* is invalid.
+ -80305 | There is no image in the current document.
+
+### createTextSearcher()
+
+Create a text searcher.
+
+**Syntax**
+
+```typescript
+createTextSearcher(text: string, options?: SearchTextOptions): IDocTextSearcher;
+```
+
+**Parameters**
+
+`text`: Text to search
+
+`options`: Please refer to [`SearchTextOptions`](/api/interface/searchtextoptions.md).
+
+**Return Values**
+
+An [`IDocTextSearcher`](/api/interface/idocument/idoctextsearcher.md) object.
+
+---
+
+**Code Snippet**
+
+```typescript
+const searcher = firstDoc.createTextSearcher("text",{caseSensitive:false})
+```
+
+**Exception**
+
+ Error Code | Error Message
+--------|-----------------------------------------------------
+ -80100 | *XXX(API)*: *XXX(ParameterName)* is invalid.
+ -80102 | *XXX(API)*: *XXX(ParameterName)* is missing.
+
diff --git a/_v3.2.1/api/interface/idocument/pdfsource.md b/_v3.2.1/api/interface/idocument/pdfsource.md
new file mode 100644
index 0000000..cff8ffc
--- /dev/null
+++ b/_v3.2.1/api/interface/idocument/pdfsource.md
@@ -0,0 +1,87 @@
+---
+layout: default-layout
+needAutoGenerateSidebar: true
+needGenerateH3Content: true
+noTitleIndex: true
+title: Dynamsoft Document Viewer API Reference - Interface PdfSource
+keywords: Documentation, Dynamsoft Document Viewer, API Reference, Interface PdfSource
+breadcrumbText: Interface PdfSource
+description: Dynamsoft Document Viewer Documentation API Reference Interface PdfSource Page
+
+---
+
+# PdfSource
+
+## Syntax
+
+```typescript
+interface PdfSource extends Source {
+ convertMode: EnumConvertMode;
+ password?: string;
+ renderOptions?: {
+ renderAnnotations?: EnumAnnotationRenderMode;
+ resolution?: number;
+ maxWidth?: number;
+ maxHeight?: number;
+ renderGrayscale?: boolean;
+ };
+}
+```
+
+## Extends
+
+[`Source`]({{ site.api }}interface/idocument/source.html)
+
+## Attributes
+
+### convertMode
+
+Specify PDF convert mode. Please refer to [`EnumConvertMode`]({{ site.api }}enumeration-type/enumconvertmode.html).
+
+Default value: `Dynamsoft.DDV.EnumConvertMode.CM_AUTO`
+
+### password
+
+If a password is required to open the PDF, please set it here.
+
+Default value: `""`.
+
+### renderOptions
+
+#### renderAnnotations
+
+Specify how to load the annotations. Please refer to [`EnumAnnotationRenderMode`]({{ site.api }}enumeration-type/enumannotationrendermode.html).
+
+Only take effects when [`convertMode`](#convertmode) is set to `Dynamsoft.DDV.EnumConvertMode.CM_RENDERALL` or `Dynamsoft.DDV.EnumConvertMode.CM_AUTO`(`Dynamsoft.DDV.EnumConvertMode.CM_RENDERALL` in fact).
+
+Default value: `Dynamsoft.DDV.EnumAnnotationRenderMode.NO_ANNOTATIONS`
+
+#### resolution
+
+PDF DPI. Only affects rasterized text. Does not affect images which are extracted from the PDF file.
+
+Default value: 200
+
+#### maxWidth
+
+Maximum width of the image to be rendered.
+
+In pixels. 0 means no limit. Default value: 0
+
+#### maxHeight
+
+Maximum height of the image to be rendered.
+
+In pixels. 0 means no limit. Default value: 0
+
+#### renderGrayscale
+
+Whether rasterize the PDF in grayscale.
+
+Default value: `false`
+
+Only take effects when [`convertMode`](#convertmode) is set to `Dynamsoft.DDV.EnumConvertMode.CM_RENDERALL` or `Dynamsoft.DDV.EnumConvertMode.CM_AUTO`(`Dynamsoft.DDV.EnumConvertMode.CM_RENDERALL` in fact).
+
+## Related
+
+- [`loadSource()`]({{ site.api }}interface/idocument/index.html#loadsource)
\ No newline at end of file
diff --git a/_v3.2.1/api/interface/infoobject.md b/_v3.2.1/api/interface/infoobject.md
new file mode 100644
index 0000000..2e49b25
--- /dev/null
+++ b/_v3.2.1/api/interface/infoobject.md
@@ -0,0 +1,97 @@
+---
+layout: default-layout
+needAutoGenerateSidebar: true
+needGenerateH3Content: true
+noTitleIndex: true
+title: Dynamsoft Document Viewer API Reference - Interface InfoOjbect
+keywords: Documentation, Dynamsoft Document Viewer, API Reference, Interface InfoObject
+breadcrumbText: Interface InfoObject
+description: Dynamsoft Document Viewer Documentation API Reference Interface InfoObject Page
+
+---
+
+# InfoObject
+
+```typescript
+interface InitInfo {}
+
+interface LoadWasmInfo {}
+
+interface LoadSourceInfo {
+ docUid: string;
+ current: number;
+ total: number;
+}
+
+interface SaveSourceInfo {
+ docUid: string;
+ pageUids: [];
+ current: number;
+ total: number;
+}
+
+interface FilterInfo {
+ pageUid: string;
+ filterType: string;
+}
+
+interface PerspectiveInfo {
+ pageUid: string;
+ perspectiveQuad: Quad;
+}
+
+interface InfoDetailsMap {
+ init: InitInfo;
+ loadSource: LoadSourceInfo;
+ save: SaveSourceInfo;
+ filter: FilterInfo;
+ perspective: PerspectiveInfo;
+ loadWasm: LoadWasmInfo;
+}
+
+type InfoStatus =
+ | "Pending"
+ | "InProgress"
+ | "Completed"
+ | "Failed"
+
+interface InfoObject {
+ id: number;
+ type: K;
+ status: InfoStatus;
+ timestamp: number;
+ details?: InfoDetailsMap[K];
+}
+```
+
+## Attributes
+
+### id
+
+Numeric event identifier.
+
+### type
+
+Indicates the task type of the event. Must be one of the following events, in one of its possible statuses:
+
+| Event \ Status | `Pending` | `InProgress` | `Completed` | `Failed` |
+| -------------- | --------- | ------------ | ----------- | -------- |
+| `init` | ✓ | | ✓ | ✓ |
+| `loadSource` | ✓ | ✓ | ✓ | ✓ |
+| `save` | ✓ | ✓ | ✓ | ✓ |
+| `filter` | ✓ | | ✓ | ✓ |
+| `perspective` | ✓ | | ✓ | ✓ |
+| `loadWasm` | ✓ | | ✓ | ✓ |
+
+### status
+
+Indicates the status of the task. Can only be one of the following:
+
+- `Pending`
+- `InProgress`
+- `Completed`
+- `Failed`
+
+### details
+
+Contains additional event type-specific info.
\ No newline at end of file
diff --git a/_v3.2.1/api/interface/styleinterface/annotationdrawingstyleconfig.md b/_v3.2.1/api/interface/styleinterface/annotationdrawingstyleconfig.md
new file mode 100644
index 0000000..ed39379
--- /dev/null
+++ b/_v3.2.1/api/interface/styleinterface/annotationdrawingstyleconfig.md
@@ -0,0 +1,76 @@
+---
+layout: default-layout
+needAutoGenerateSidebar: true
+needGenerateH3Content: true
+noTitleIndex: true
+title: Dynamsoft Document Viewer API Reference - Interface AnnotationDrawingStyleConfig
+keywords: Documentation, Dynamsoft Document Viewer, API Reference, Interface AnnotationDrawingStyleConfig
+breadcrumbText: Interface AnnotationDrawingStyleConfig
+description: Dynamsoft Document Viewer Documentation API Reference Interface AnnotationDrawingStyleConfig Page
+
+---
+
+# Interface
+
+```typescript
+interface AnnotationDrawingStyleConfig {
+ rectangle?: RectangleStyle;
+ ellipse?: EllipseStyle;
+ polygon?: PolygonStyle;
+ polyline?: PolylineStyle;
+ line?: LineStyle;
+ ink?: InkStyle;
+ textBox?: TextBoxStyle;
+ textTypewriter?: TextTypewriterStyle;
+ stamp?: StampStyle;
+ highlight?: HighlightStyle;
+ underline?: UnderlineStyle;
+ strikeout?: StrikeoutStyle;
+}
+```
+
+## Attributes
+
+### rectangle
+
+The default drawing style of rectangle annotation - see [`RectangleStyle`]({{ site.api }}interface/annotationinterface/rectanglestyle.html) for more details. If not set, this uses the default values of `RectangleStyle`.
+
+### ellipse
+
+The default drawing style of ellipse annotation - see [`EllipseStyle`]({{ site.api }}interface/annotationinterface/ellipsestyle.html) for more details. If not set, this uses the default values of `EllipseStyle`.
+
+### polygon
+
+The default drawing style of the polygon annotation - see [`PolygonStyle`]({{ site.api }}interface/annotationinterface/polygonstyle.html) for more details. If not set, this uses the default values of `PolygonStyle`.
+
+### polyline
+
+The default drawing style of the polyline annotation - see [`PolylineStyle`]({{ site.api }}interface/annotationinterface/polylinestyle.html) for more details. If not set, this uses the default values of `PolylineStyle`.
+
+### line
+
+The default drawing style of the line annotation - see [`LineStyle`]({{ site.api }}interface/annotationinterface/linestyle.html) for more details. If not set, this uses the default values of `LineStyle`.
+
+### textBox
+
+The default drawing style of the textbox annotation - see [`TextBoxStyle`]({{ site.api }}interface/annotationinterface/textboxstyle.html) for more details. If not set, this uses the default values of `TextBoxStyle`.
+
+### textTypewriter
+
+The default drawing style of the text typewriter annotation - see [`TextTypewriterStyle`]({{ site.api }}interface/annotationinterface/texttypewriterstyle.html) for more details. If not set, this uses the default values of `TextTypewriterStyle`.
+
+### stamp
+
+The default drawing style of the stamp annotation - see [`StampStyle`]({{ site.api }}interface/annotationinterface/stampstyle.html) for more details. If not set, this uses the default values of `StampStyle`.
+
+### highlight
+
+The default drawing style of the highlight annotation - see [`HighlightStyle`](/api/interface/annotationinterface/highlightstyle.md) for more details. If not set, this uses the default values of `HighlightStyle`.
+
+### underline
+
+The default drawing style of the underline annotation - see [`UnderlineStyle`](/api/interface/annotationinterface/underlinestyle.md) for more details. If not set, this uses the default values of `UnderlineStyle`.
+
+### strikeout
+
+The default drawing style of the strikeout annotation - see [`StrikeoutStyle`](/api/interface/annotationinterface/strikeoutstyle.md) for more details. If not set, this uses the default values of `StrikeoutStyle`.
diff --git a/_v3.2.1/api/interface/tooltip.md b/_v3.2.1/api/interface/tooltip.md
new file mode 100644
index 0000000..463260f
--- /dev/null
+++ b/_v3.2.1/api/interface/tooltip.md
@@ -0,0 +1,99 @@
+---
+layout: default-layout
+needAutoGenerateSidebar: true
+needGenerateH3Content: true
+noTitleIndex: true
+title: Dynamsoft Document Viewer API Reference - Interface Tooltip
+keywords: Documentation, Dynamsoft Document Viewer, API Reference, Interface Tooltip
+breadcrumbText: Interface Tooltip
+description: Dynamsoft Document Viewer Documentation API Reference Interface Tooltip Page
+
+---
+
+# Tooltip
+
+## Syntax
+
+```typescript
+interface Tooltip {
+ CameraResolution?: string;
+ Capture?: string;
+ Flashlight?: string;
+ CameraConvert?: string;
+ AutoDetect?: string;
+ AutoCapture?: string;
+ Rotate?: string;
+ RotateLeft?: string;
+ RotateRight?: string;
+ Load?: string;
+ Download?: string;
+ Delete?: string;
+ DeleteCurrent?: string;
+ DeleteAll?: string;
+ Zoom?: string;
+ ZoomIn?: string;
+ ZoomOut?: string;
+ ZoomByPercentage?: string;
+ Crop?: string;
+ CropAll?: string;
+ CropCurrent?: string;
+ CropMode?: string;
+ PerspectiveAll?: string;
+ FullQuad?: string;
+ Undo?: string;
+ Redo?: string;
+ Restore?: string;
+ Pan?: string;
+ Filter?: string;
+ Print?: string;
+ ThumbnailSwitch?: string;
+ DisplayMode?: string;
+ ContinuousPage?: string;
+ MultiPage?: string;
+ SinglePage?: string;
+ FitMode?: string;
+ FitWidth?: string;
+ FitHeight?: string;
+ FitWindow?: string;
+ ActualSize?: string;
+ Back?: string;
+ Close?: string;
+ Done?: string;
+ FirstPage?: string;
+ LastPage?: string;
+ NextPage?: string;
+ PrevPage?: string;
+ ImagePreview?: string;
+ AnnotationSet?: string;
+ EllipseAnnotation?: string;
+ InkAnnotation?: string;
+ LineAnnotation?: string;
+ PolygonAnnotation?: string;
+ PolylineAnnotation?: string;
+ RectAnnotation?: string;
+ StampIconAnnotation?: string;
+ StampImageAnnotation?: string;
+ TextBoxAnnotation?: string;
+ TextTypewriterAnnotation?: string;
+ SelectAnnotation?: string;
+ EraseAnnotation?: string;
+ HighlightAnnotation?: string;
+ UnderlineAnnotation?: string;
+ StrikeoutAnnotation?: string;
+ BringForward?: string;
+ BringToFront?: string;
+ SendBackward?: string;
+ SendToBack?: string;
+ TextSearchPanelSwitch?: string;
+ TextSelectionMode?: string;
+}
+```
+
+## Remark
+
+- The default tooltip is empty.
+
+## Related
+
+- [`getTooltip()`]({{ site.api }}namespace/ddv_elements.html#static-gettooltip)
+- [`setTooltip()`]({{ site.api }}namespace/ddv_elements.html#static-settooltip)
\ No newline at end of file
diff --git a/_v3.2.1/api/namespace/ddv.md b/_v3.2.1/api/namespace/ddv.md
new file mode 100644
index 0000000..ef58bc1
--- /dev/null
+++ b/_v3.2.1/api/namespace/ddv.md
@@ -0,0 +1,408 @@
+---
+layout: default-layout
+needAutoGenerateSidebar: true
+needGenerateH3Content: true
+noTitleIndex: true
+title: Dynamsoft Document Viewer API Reference - Namespace - Dynamsoft.DDV
+keywords: Documentation, Dynamsoft Document Viewer, API Reference, Namespace, Dynamsoft.DDV
+breadcrumbText: Dynamsoft.DDV
+description: Dynamsoft Document Viewer Documentation API Reference Namespace Dynamsoft.DDV Page
+
+---
+
+# Dynamsoft.DDV
+
+## Index
+
+**Handler Configuration**
+
+| API Name | Description |
+| ------------------------------- | ------------------------------------------------- |
+| [` setProcessingHandler()`](#static-setprocessinghandler) | Set a processing handler to the DDV system. |
+
+**Members**
+
+| API Name | Description |
+| ------------------------------- | ------------------------------------------------- |
+| [` documentManager`](#static-documentmanager) | [`DocumentManager`]({{ site.api }}class/documentmanager.html) instance. |
+| [` annotationManager`](#static-annotationmanager) | [`AnnotationManager`]({{ site.api }}class/annotationmanager.html) instance. |
+
+**Classes**
+
+- [DocumentManager]({{ site.api }}class/documentmanager.html)
+- [AnnotationManager]({{ site.api }}class/annotationmanager.html)
+- [EditViewer]({{ site.api }}class/editviewer.html)
+- [CaptureViewer]({{ site.api }}class/captureviewer.html)
+- [PerspectiveViewer]({{ site.api }}class/perspectiveviewer.html)
+- [BrowseViewer]({{ site.api }}class/browseviewer.html)
+- [CustomViewer]({{ site.api }}class/customviewer.html)
+
+- Advanced
+ - [ImageFilter]({{ site.api }}class/advanced/imagefilter.html)
+ - [DocumentDetect]({{ site.api }}class/advanced/documentdetect.html)
+
+**Methods**
+
+| API Name | Description |
+| ------------------------------- | ------------------------------------------------- |
+| [` getDefaultUiConfig()`](#static-getdefaultuiconfig) | Get default UiConfig object. |
+| [` addFonts()`](#static-addfonts) | Add font to library. |
+| [` clearLastError()`](#static-clearlasterror) | Clear the last error or warning. |
+| [` unload()`](#static-unload) | Unload all DDV resources. |
+
+**Properties**
+
+| API Name | Description |
+| ------------------------------- | ------------------------------------------------- |
+| [` lastError `](#static-lasterror) | Return the last error or warning. |
+
+**Events**
+
+| API Name | Description |
+| -------- | -------------------------------------------------- |
+| [` on()`](#static-on) | Bind a listener to the specified event. |
+| [` off()`](#static-off) | Unbind event listener(s) from the specified event. |
+
+***Integrated Events***
+
+| Event Name | Description |
+| --------------------- | ------------------------------------ |
+| [`error`](#error) | Triggered when any error occurs. |
+| [`warning`](#warning) | Triggered when any warning occurs . |
+| [`verbose`](#verbose) | Triggered when DDV is running. |
+| [`info`](#info) | Triggered during various operations. |
+
+## Handler Configuration
+
+### `` setProcessingHandler()
+
+Set a processing handler to the DDV system.
+
+**Syntax**
+
+```typescript
+static setProcessingHandler(handlerType: HandlerType, handler: any): void;
+```
+
+**Parameters**
+
+`handlerType`: The type of processing handler.
+
+A `HandlerType` can be one of two types.
+
+```typescript
+type HandlerType = "documentBoundariesDetect"|"imageFilter";
+```
+
+`handler`: The handler to set. Please refer to [IDocumentDetect]({{ site.api }}interface/idocumentdetect.html) and [IImageFilter]({{ site.api }}interface/iimagefilter.html).
+
+**Exception**
+
+ Error Code | Error Message
+--------|-----------------------------------------------------
+ -80100 | *XXX(API)*: *XXX(ParameterName)* is invalid.
+ -80102 | *XXX(API)*: *XXX(ParameterName)* is missing.
+ -80103 | *XXX(API)*: The value for *XXX(ParameterName)* is not supported.
+
+**Remark**
+
+- Please configure the handler before creating
+- If `documentBoundariesDetect` handler is not set, the default element `Dynamsoft.DDV.Elements.AutoDetect` will be disabled.
+- If `imageFilter` handler is not set, the default element `Dynamsoft.DDV.Elements.Filter` will be disabled.
+- [How to configure image filter]({{ site.features }}advanced/imagefilter.html)
+- [How to configure boundaries detection]({{ site.features }}advanced/documentdetect.html)
+
+## Member
+
+### `` documentManager
+
+[`DocumentManager`]({{ site.api }}class/documentmanager.html) instance.
+
+**Code Snippet**
+
+```typescript
+Dynamsoft.DDV.Core.license = "Your-License-String";
+Dynamsoft.DDV.Core.engineResourcePath = "https://cdn.jsdelivr.net/npm/dynamsoft-document-viewer@latest/dist/engine"; // lead to a folder containing the distributed WASM files
+await Dynamsoft.DDV.Core.init();
+
+const docManager = Dynamsoft.DDV.documentManager;
+```
+
+### `` annotationManager
+
+[`AnnotationManager`]({{ site.api }}class/annotationmanager.html) instance.
+
+**Code Snippet**
+
+```typescript
+Dynamsoft.DDV.Core.license = "Your-License-String";
+Dynamsoft.DDV.Core.engineResourcePath = "https://cdn.jsdelivr.net/npm/dynamsoft-document-viewer@latest/dist/engine"; // lead to a folder containing the distributed WASM files
+await Dynamsoft.DDV.Core.init();
+
+const annotManager = Dynamsoft.DDV.annotationManager;
+```
+
+
+## Methods
+
+| API Name | Description |
+| ------------------------------- | ------------------------------------------------- |
+| [` getDefaultUiConfig()`](#static-getdefaultuiconfig) | Get default UiConfig object. |
+| [` clearLastError()`](#static-clearlasterror) | Clear the last error or warning. |
+| [` unload()`](#static-unload) | Unload all DDV resources. |
+
+### `` getDefaultUiConfig()
+
+Get default UiConfig object.
+
+**Syntax**
+
+```typescript
+static getDefaultUiConfig(viewerType: ViewerType): UiConfig | null;
+```
+
+**Parameters**
+
+`viewerType`: A `ViewerType` can be one of four types.
+
+```typescript
+type ViewerType = "editViewer"|"captureViewer"|"perspectiveViewer"|"browseViewer";
+```
+
+
+**Return Values**
+
+The [default UiConfig]({{ site.ui }}default_ui.html) object for each kind of viewer.
+
+**Code Snippet**
+
+```typescript
+const defaultEditUi = Dynamsoft.DDV.getDefaultUiConfig("editViewer");
+```
+
+**Warning**
+
+ Error Code | Error Message | API Return Value
+--------|------------------------------------------------------------------------|----------------------
+ -80100 | *XXX(API)*: *XXX(ParameterName)* is invalid. | `null`
+ -80102 | *XXX(API)*: *XXX(ParameterName)* is missing. | `null`
+ -80103 | *XXX(API)*: The value for *XXX(ParameterName)* is not supported.| `null`
+
+### `` addFonts()
+
+Add font to library. You can fetch a font via an URL or use the [`queryLocalFonts()`](https://developer.mozilla.org/en-US/docs/Web/API/Window/queryLocalFonts) API to get the fonts installed on the local system.
+
+**Syntax**
+
+```typescript
+addFonts(fonts: Blob[]): Promise;
+```
+
+**Parameters**
+
+`fonts`: Specify the fonts to add.
+
+**Return Values**
+
+Array of font names.
+
+**Exception**
+
+ Error Code | Error Message
+ ---------- | ------------------------------------------------------------
+ -80100 | *XXX(API)*: *XXX(ParameterName)* is invalid.
+ -80102 | *XXX(API)*: *XXX(ParameterName)* is missing.
+
+
+
+### `` clearLastError()
+
+Clear the last error or warning.
+
+**Syntax**
+
+```typescript
+static clearLastError(): void;
+```
+
+**Remark**
+
+- Once called this method, [`lastError`](#static-lasterror) will return `undefined`.
+
+### `` unload()
+
+Unload all DDV resources.
+
+**Syntax**
+
+```typescript
+static unload(): void;
+```
+
+## Properties
+
+| API Name | Description |
+| ------------------------------- | ------------------------------------------------- |
+| [` lastError `](#static-lasterror) | Return the last error or warning. |
+
+### `` lastError
+
+Return the last error or warning.
+
+**Syntax**
+
+```typescript
+static readonly lastError: DDVError;
+```
+
+**Return Values**
+
+A [`DDVError`]({{ site.api }}interface/ddverror.html) object.
+
+## Events
+
+| API Name | Description |
+| -------- | -------------------------------------------------- |
+| [` on()`](#static-on) | Bind a listener to the specified event. |
+| [` off()`](#static-off) | Unbind event listener(s) from the specified event. |
+
+### `` on()
+
+Bind a listener to the specified event.
+
+**Syntax**
+
+```typescript
+static on(eventName: EventName, listener:(event:EventObject)=>void): void;
+```
+
+**Parameters**
+
+`eventName`: Specify the event name. It should be [an integrated event name](#integrated-events).
+
+`listener`: Specify the listener.
+
+**Code Snippet**
+
+```typescript
+Dynamsoft.DDV.on("error", (e)=>{
+ console.log(e.message, e.cause);
+});
+```
+
+**Exception**
+
+ Error Code | Error Message
+--------|-----------------------------------------------------
+ -80100 | *XXX(API)*: *XXX(ParameterName)* is invalid.
+ -80102 | *XXX(API)*: *XXX(ParameterName)* is missing.
+ -80103 | *XXX(API)*: The value for *XXX(ParameterName)* is not supported.
+
+### `` off()
+
+Unbind event listener(s) from the specified event.
+
+**Syntax**
+
+```typescript
+static off(eventName: EventName, listener?:(event:EventObject)=>void): void;
+```
+
+**Parameters**
+
+`eventName`: Specify the event name. It should be [an integrated event name](#integrated-events).
+
+`listener`: Specify the listener. If no listener is specified, unbind all event listeners from the specified event.
+
+**Code Snippet**
+
+```typescript
+Dynamsoft.DDV.off("error");
+```
+
+**Exception**
+
+ Error Code | Error Message
+--------|-----------------------------------------------------
+ -80100 | *XXX(API)*: *XXX(ParameterName)* is invalid.
+ -80102 | *XXX(API)*: *XXX(ParameterName)* is missing.
+ -80103 | *XXX(API)*: The value for *XXX(ParameterName)* is not supported.
+
+### Integrated Events
+
+| Event Name | Description |
+| --------------------- | ------------------------------------ |
+| [`error`](#error) | Triggered when any error occurs. |
+| [`warning`](#warning) | Triggered when any warning occurs. |
+| [`verbose`](#verbose) | Triggered when DDV is running. |
+| [`info`](#info) | Triggered during various operations. |
+
+#### error
+
+Triggered when any error occurs.
+
+**Callback**
+
+An EventObject which contains the detailed error info.
+
+**Attributes**
+
+[`DDVError`]({{ site.api }}interface/ddverror.html): Detailed error info.
+
+#### warning
+
+Triggered when any warning occurs.
+
+**Callback**
+
+An EventObject which contains the detailed warning info.
+
+**Attributes**
+
+[`DDVError`]({{ site.api }}interface/ddverror.html): Detailed warning info.
+
+#### verbose
+
+Triggered when DDV is running.
+
+**Callback**
+
+EventObject array which contain the detailed verbose info.
+
+**Example**
+
+```typescript
+Dynamsoft.DDV.on("verbose", (...args) => {
+ console.log(...args);
+ if (args[0].cause) {
+ console.error(args[0].cause);
+ }
+});
+```
+
+#### info
+
+Triggered for any of the following tasks:
+
+- `init`
+- `loadSource`
+- `save`
+- `filter`
+- `perspective`
+- `loadWasm`
+
+See [`InfoObject`]({{ site.api }}interface/infoobject.html) for details.
+
+**Callback**
+
+[`InfoObject`]({{ site.api }}interface/infoobject.html) which contains different attributes depending on the type of event.
+
+**Example**
+
+```js
+DDV.on("info", (event) => {
+ if(event.type === "loadSource" && event.status === "Pending"){
+ console.log("Begin loading file")
+ }
+})
+```
\ No newline at end of file
diff --git a/_v3.2.1/features/datamanagement/annotmanagement.md b/_v3.2.1/features/datamanagement/annotmanagement.md
new file mode 100644
index 0000000..22d4cf3
--- /dev/null
+++ b/_v3.2.1/features/datamanagement/annotmanagement.md
@@ -0,0 +1,276 @@
+---
+layout: default-layout
+needAutoGenerateSidebar: true
+needGenerateH3Content: true
+noTitleIndex: true
+title: Dynamsoft Document Viewer Features - Annotation Management
+keywords: Documentation, Dynamsoft Document Viewer, Features, Annotation Management
+breadcrumbText: Annotation Management
+description: Dynamsoft Document Viewer Documentation Features, Annotation Management
+---
+
+# Annotation Management
+
+Starting from DDV 2.0, annotation is supported.
+
+Annotations can be created using the built-in UI of Edit Viewer as well as code. This guide will focus on using the code.
+
+## Annotation creation
+
+### Supported annotation types
+
+Up to now, the annotation types supported by DDV are as follows:
+
+- [Rectangle]({{ site.api }}class/annotation/rectangle.html)
+- [Ellipse]({{ site.api }}class/annotation/ellipse.html)
+- [Polygon]({{ site.api }}class/annotation/polygon.html)
+- [Polyline]({{ site.api }}class/annotation/polyline.html)
+- [Line]({{ site.api }}class/annotation/line.html)
+- [Ink]({{ site.api }}class/annotation/ink.html)
+- [TextBox]({{ site.api }}class/annotation/textbox.html)
+- [TextTypewriter]({{ site.api }}class/annotation/texttypewriter.html)
+- [Stamp]({{ site.api }}class/annotation/stamp.html)
+- [Highlight]({{ site.api }}class/annotation/highlight.html)
+- [Underline]({{ site.api }}class/annotation/underline.html)
+- [Strikeout]({{ site.api }}class/annotation/strikeout.html)
+
+### Create a specified type annotation instance
+
+To add an annotation to the page, first of all, you need to create an annotation instance. Take the rectangle annotation as an example,
+
+```typescript
+// Given that editViewer is an existing instance of EditViewer and a document is currently open.
+const pageUid = editViewer.indexToUid(0);
+const rect = Dynamsoft.DDV.annotationManager.createAnnotation(pageUid, "rectangle"); // Create a default Rectangle annotation instance.
+```
+
+The following properties of the annotation can be accessed from the created instance.
+
+- Annotation Uid
+
+ Each annotation possesses a unique annotation uid.
+
+ ```typescript
+ const annotUid = rect.uid;
+ ```
+
+- Page uid where the annotation is located
+
+ ```typescript
+ const annotPageUid = rect.pageUid;
+ ```
+
+ if the annotation is deleted, the `pageUid` will return `''`.
+
+{% comment %}
+
+- Axis-aligned bounding box (AABB)
+
+ ```typescript
+ const annotAabb = rect.aabb;
+ ```
+
+{% endcomment %}
+
+- Creation date & Modification date
+
+ ```typescript
+ const creationDate = rect.creationDate; //D:YYYYMMDDHHmmSSOHH'mm'
+ const modificationDate = rect.modificationDate; //D:YYYYMMDDHHmmSSOHH'mm'
+ ```
+
+ if the annotation is deleted, the `modificationDate` will return `''`.
+
+ If the annotation is created but not be modified after adding, `modificationDate` equals to `creationDate`.
+
+### Modify the annotation options while creating
+
+If no specific options are passed during the creation of the annotation instance, the generated annotation will have default options.
+
+If you wish to create a custom-configured annotation, you can pass in the specified configuration during creation.
+
+For example, to create a rectangle annotation whose border color is red and background is green.
+
+```typescript
+const rectOptions = {
+ borderColor: "red",
+ background: "green",
+};
+
+// Given that editViewer is an existing instance of EditViewer and a document is currently open.
+const pageUid = editViewer.indexToUid(0);
+
+const rect = Dynamsoft.DDV.annotationManager.createAnnotation(pageUid, "rectangle", rectOptions);
+```
+
+### Modify the annotation options dynamically after creating
+
+After creating the annotation, if you want to dynamically modify its configuration, you can use `updateOptions()` method.
+
+For example, to modify an existing rectangle annotation.
+
+```typescript
+const newRectOptions = {
+ borderWidth: 2.66,
+};
+
+rect.updateOptions(newRectOptions);
+```
+
+Even after the annotation has been created to the page by [`createAnnotation()`]({{ site.api }}class/annotationmanager.html#createAnnotation), updating the options will lead to instant changes in the displayed annotation on the page.
+
+### Create an annotation instance after image cropping
+
+After cropping, if no specific options are passed during the creation of the annotation instance, the generated annotation will use default options, which might result in it being invisible.
+
+If you want the annotation to be visible, you can pass specific configurations during its creation.
+
+For example, after cropping an image, if you wish to create a rectangle annotation at position (10, 10) within the visible area.
+
+```typescript
+const pageData = await editViewer.currentDocument.getPageData(editViewer.getCurrentPageUid());
+
+const rectOptions = {
+ x: pageData.cropBox.left + 10,
+ y: pageData.cropBox.top + 10,
+};
+
+// Given that editViewer is an existing instance of EditViewer and a document is currently open.
+const pageUid = editViewer.indexToUid(0);
+
+const rect = Dynamsoft.DDV.annotationManager.createAnnotation(pageUid, "rectangle", rectOptions);
+```
+
+### More features
+
+#### Add image to the page by using Stamp Annotation
+
+Observing the structure of [`StampAnnotationOptions`]({{ site.api }}interface/annotationinterface/stampannotationoptions.html), the data type of stamp is `EnumStampIcon` or `Blob`. When stamp is set to `EnumStampIcon`, it indicates that the generated annotation will be displayed as a standard business stamp icon, with the default value being `DRAFT`. When stamp is set to `EnumStampIcon`, it indicates that the generated annotation will be displayed as a standard business stamp icon, with the default value being `DRAFT`. When stamp is set to a Blob, such as the blob of a custom image, it means the annotation will be displayed as an image.
+
+The supported types of standard business stamps are as follows:
+
+| EnumStampIcon | Corresponding stamp |
+| ------------- | ------------------- |
+| REJECTED |  |
+| ACCEPTED |  |
+| INITAL_HERE |  |
+| SIGN_HERE |  |
+| WITNESS |  |
+| APPROVED |  |
+| NOT_APPROVED |  |
+| DRAFT |  |
+| FINAL |  |
+| COMPLETED |  |
+| CONFIDENTIAL |  |
+| VOID |  |
+
+If set to `blob`, the custom image will be added as the stamp.
+
+```typescript
+var blob = /*Sample image blob*/;
+
+const stampOptions = {
+ stamp: blob,
+};
+
+// Given that editViewer is an existing instance of EditViewer and a document is currently open.
+const pageUid = editViewer.indexToUid(0);
+
+const stamp = await Dynamsoft.DDV.annotationManager.createAnnotation(pageUid, "stamp", stampOptions);
+```
+
+#### Configure the styling for the part content of text within TextBox annotation or TextTypewriter annotation
+
+The `textContents` attribute in the [`TextBoxAnnotationOptions`]({{ site.api }}interface/annotationinterface/textboxannotationoptions.html) and [`TextTypewriterAnnotationOptions`]({{ site.api }}interface/annotationinterface/texttypewriterannotationoptions.html) accepts an array of [`TextContent`]({{ site.api }}interface/annotationinterface/textcontent.html), which means that even within the same text annotation, you can configure specified text content with different styles.
+
+For example,
+
+```typescript
+const testTextContents = [
+ {
+ content: "Dynamsoft Document Viewer ",
+ color: "red",
+ },
+ {
+ content: "Annotation feature",
+ color: "green",
+ underline: true,
+ }
+];
+
+const textBoxAnnotationOptions = {
+ textContents: testTextContents,
+};
+
+// Given that editViewer is an existing instance of EditViewer and a document is currently open.
+const pageUid = editViewer.indexToUid(0);
+
+const textBox = Dynamsoft.DDV.annotationManager.createAnnotation(pageUid, "textBox", textBoxAnnotationOptions);
+```
+
+## Delete annotation(s)
+
+- Delete all annotations which are located on the specified page using [`getAnnotationsByPage()`]({{ site.api }}class/annotationmanager.html#getannotationsbypage) and [`deleteAnnotations()`]({{ site.api }}class/annotationmanager.html#deleteannotations).
+
+```typescript
+// Given that editViewer is an existing instance of EditViewer and a document is currently open.
+const curPageUid = editViewer.getCurrentPageUid();; // Get the page uid of current page in the edit viewer
+
+const annotations = Dynamsoft.DDV.annotationManager.getAnnotationsByPage(curPageUid);
+
+const annotationUids = annotations.map(obj=>obj.uid);
+
+Dynamsoft.DDV.annotationManager.deleteAnnotations(annotationUids);
+```
+
+- Delete all annotations which are located in the specified doc using [`getAnnotationsByDoc()`]({{ site.api }}class/annotationmanager.html#getannotationsbydoc) and [`deleteAnnotations()`]({{ site.api }}class/annotationmanager.html#deleteannotations).
+
+```typescript
+// Given that editViewer is an existing instance of EditViewer and a document is currently open.
+const curDocUid = editViewer.currentDocument.uid; // Get the doc uid of current document which is open in the edit viewer
+
+const annotations = Dynamsoft.DDV.annotationManager.getAnnotationsByDoc(curDocUid);
+
+const annotationUids = annotations.map(obj=>obj.uid);
+
+Dynamsoft.DDV.annotationManager.deleteAnnotations(annotationUids);
+```
+
+- Delete selected annotations using [`getSelectedAnnotations`]({{ site.api }}class/editviewer.html#getselectedannotations) and [`deleteAnnotations()`]({{ site.api }}class/annotationmanager.html#deleteannotations).
+
+```typescript
+// Given that editViewer is an existing instance of EditViewer and a document is currently open.
+const annotations = editViewer.getSelectedAnnotations(); // Get the selected annotations
+
+const annotationUids = annotations.map(obj=>obj.uid);
+
+Dynamsoft.DDV.annotationManager.deleteAnnotations(annotationUids);
+```
+
+## Change layer of an annotation
+
+In the same page, annotations maintain a hierarchical relationship with each other. If you intend to alter the hierarchical level of an annotation, you can employ the following methods.
+
+- Bring forward using [`bringAnnotationForward()`]({{ site.api }}class/annotationmanager.html#bringannotationforward)
+
+ ```typescript
+ Dynamsoft.DDV.annotationManager.bringAnnotationForward(rect.uid);
+ ```
+
+- Send backward using [`sendAnnotationBackward()`]({{ site.api }}class/annotationmanager.html#sendannotationbackward)
+
+ ```typescript
+ Dynamsoft.DDV.annotationManager.sendAnnotationBackward(rect.uid);
+ ```
+
+- Bring to front using [`bringAnnotationToFront()`]({{ site.api }}class/annotationmanager.html#bringannotationtofront)
+
+ ```typescript
+ Dynamsoft.DDV.annotationManager.bringAnnotationToFront(rect.uid);
+ ```
+
+- Send to back using [`sendAnnotationToBack()`]({{ site.api }}class/annotationmanager.html#sendannotationtoback)
+
+ ```typescript
+ Dynamsoft.DDV.annotationManager.sendAnnotationToBack(rect.uid);
+ ```
diff --git a/_v3.2.1/introduction/index.md b/_v3.2.1/introduction/index.md
new file mode 100644
index 0000000..de7409e
--- /dev/null
+++ b/_v3.2.1/introduction/index.md
@@ -0,0 +1,66 @@
+---
+layout: default-layout
+needAutoGenerateSidebar: true
+needGenerateH3Content: true
+noTitleIndex: true
+title: JavaScript PDF Viewer SDK | Dynamsoft Document Viewer
+keywords: Documentation, Dynamsoft Document Viewer, Introduction
+breadcrumbText: Introduction
+description: Powerful JavaScript PDF viewer & document viewer SDK. Integrate seamless document viewing into your web apps with Dynamsoft Document Viewer.
+---
+
+# Introduction to Dynamsoft Document Viewer
+
+Dynamsoft Document Viewer is a browser-based JavaScript SDK designed for viewing and editing images and PDFs. It provides a wide range of functionalities, including PDF annotation, page manipulation, image quality enhancement, and document saving. To see it in action, please visit this [online demo](https://demo.dynamsoft.com/document-viewer/).
+
+## Security
+
+Dynamsoft Document Viewer does not rely on any external third-party JavaScript library. All processing, such as rendering and editing, is securely performed within the browser. This architecture eliminates the need for a server-side backend, ensuring security compliance and scalability.
+
+## Browser and Platform Compatibility
+
+Dynamsoft Document Viewer is designed to work seamlessly across different browsers and platforms. It is compatible with major browsers like Chrome, Firefox, Safari, and Edge, ensuring a consistent user experience. Additionally, it supports various operating systems, including Windows, macOS, Linux, iOS, and Android, allowing users to access documents from any device.
+
+## Supported File Types
+
+Users can open, edit, and save PDFs, as well as images in various formats, such as JPEG, PNG, and TIFF.
+
+## Annotation Types
+
+Dynamsoft Document Viewer supports a variety of annotation types to enhance document interaction and collaboration. Users can add, edit, and delete annotations such as:
+
+- text
+- highlight
+- underline
+- strikeout
+- shape
+- stamp
+- freehand drawing
+
+## Data Management Concepts
+
+Dynamsoft Document Viewer organizes data using two main concepts: "document" and "page." A document can contain one or multiple pages, and each page must belong to a single document.
+
+- Page: The smallest unit of data management. Each page has a unique page ID.
+- Document: A collection of pages, each with a unique doc ID. Documents collectively make up the entire data set.
+
+Managing data, therefore, involves managing documents and pages.
+
+- [Document Management]({{ site.features }}datamanagement/docmanagement.html)
+- [Page Management]({{ site.features }}datamanagement/pagemanagement.html)
+
+If you are using the default UI of DDV, data processing and management are handled internally.
+
+## UI Customization
+
+The SDK offers extensive customization options, enabling developers to tailor the UI to meet specific application needs and branding requirements.
+
+## Designed to Support Diverse Document Workflows
+
+Dynamsoft Document Viewer is built to support a wide range of document-centric workflows with its document viewing, editing, and scanning features. It has four built-in viewer types to suit different use cases:
+
+* **Edit Viewer**: Enables viewing and editing of documents with annotation support.
+* **Capture Viewer**: Integrates camera controls for streamlined, continuous capture workflows.
+* **Perspective Viewer**: Allows document cropping with perspective transformation.
+* **Browse Viewer**: Suitable for previewing multi-page documents or navigating document collections.
+
diff --git a/_v3.2.1/releasenotes/index.md b/_v3.2.1/releasenotes/index.md
new file mode 100644
index 0000000..d47e217
--- /dev/null
+++ b/_v3.2.1/releasenotes/index.md
@@ -0,0 +1,391 @@
+---
+layout: default-layout
+needAutoGenerateSidebar: true
+needGenerateH3Content: true
+noTitleIndex: true
+title: Dynamsoft Document Viewer - Release Notes
+keywords: Documentation, Dynamsoft Document Viewer, Release Notes
+breadcrumbText: Release Notes
+description: Dynamsoft Document Viewer Documentation Release Notes
+
+---
+
+# Release Notes
+
+## 3.2.1 (03/10/2026)
+
+Updated third-party libraries to enhance security.
+
+## 3.2 (01/13/2026)
+
+### Improvements
+
+* Improved the context of search results, which now display the word before the searched word.
+* Improved the rendering of selected annotations by reducing the number of items to draw.
+* Improved the performance of selecting multiple annotations.
+* Added a consistency check between the JavaScript and resource file versions.
+* Added support for pinch-to-zoom under `textSelection` mode of `EditViewer` for mobile.
+* Updated third-party libraries to enhance security.
+
+### Bug Fixes
+
+Fixed the text overflow issue in custom stamps.
+
+
+## 3.1 (10/16/2025)
+
+### UX Changes
+
+For Edit Viewer:
+
+* Added support for panning images in `textSelection` mode.
+* Text markup annotations can be modified after being cropped.
+* Return to `pan` mode if `textSelection` mode is turned off on mobile by clicking the icon.
+* Added support for returning to `pan` mode by pressing ESC.
+
+For Edit Viewer and Browse Viewer:
+
+When the cursor is around the viewer's edges when selecting text or dragging the thumbnails, auto-scrolling will be triggered. It can be configured using the [`enableAutoScrollForTextSelection`](/api/interface/editviewerconfig.md#enableautoscrollfortextselection) property for Edit Viewer and the [`enableAutoScrollForDragPages`](/api/interface/browseviewerconfig.md#enableautoscrollfordragpages) property for Browse Viewer.
+
+### API Changes
+
+Added interfaces for better UI customizability.
+
+* [`getAnnotationDrawingStyle()`](/api/class/editviewer.md#getannotationdrawingstyle) method for Edit Viewer
+* [`undoRedoStateChanged`](/api/class/editviewer.md#undoredostatechanged) event for Edit Viewer
+* [`annotationDrawingStyleChanged`](/api/class/editviewer.md#annotationdrawingstylechanged) event for Edit Viewer
+* [`scroll`](/api/class/editviewer.md#scroll) event for Edit Viewer and Browse Viewer
+* [`paginationChanged`](/api/class/editviewer.md#paginationchanged) event for all the viewers
+* [`cropMode`](/api/class/editviewer.md#cropmode) property for Edit Viewer. The [`crop()`](/api/class/editviewer.md#crop) method of Edit Viewer will choose which images to crop based on the `cropMode` if no image indices are passed.
+
+### Improvements
+
+* Increased the FPS of rendering documents, especially documents with lots of pages.
+* Optimized the performance of `updateOptions()`.
+* Moved the magnifier into a separate layer to improve the performance and avoid being blocked.
+
+### Bug Fixes
+
+* Fixed a bug where changes of the layout will reset the position of the current document page to its top-left.
+* Fixed a bug where the text is shifted if the PDF's media box has shifts.
+
+## 3.0 (07/08/2025)
+
+### Features Highlights
+
+* Added support for text selection. We can now copy and annotate selected text.
+* Added three text markup annotations: `highlight`, `strikeout` and `underline`.
+* Added support for text search.
+
+### API Changes
+
+* Added classes for text markup annotations.
+ * [`Highlight`](/api/class/annotation/highlight.md)
+ * [`Underline`](/api/class/annotation/underline.md)
+ * [`Strikeout`](/api/class/annotation/strikeout.md)
+* Added interfaces to set up text markup annotations.
+ * [`HighlightAnnotationOptions`](/api/interface/annotationinterface/highlightannotationoptions.md)
+ * [`UnderlineAnnotationOptions`](/api/interface/annotationinterface/underlineannotationoptions.md)
+ * [`StrikeoutAnnotationOptions`](/api/interface/annotationinterface/strikeoutannotationoptions.md)
+ * [`HighlightStyle`](/api/interface/annotationinterface/highlightstyle.md)
+ * [`UnderlineStyle`](/api/interface/annotationinterface/underlinestyle.md)
+ * [`StrikeoutStyle`](/api/interface/annotationinterface/strikeoutstyle.md)
+ * [`RectXY`](/api/interface/rectxy.md)
+* Added new [tool mode](/api/class/editviewer.md#toolmode) for `EditViewer`: `textSelection`.
+* Added new [annotation modes](/api/class/editviewer.md#annotationmode) for `EditViewer`: `highlight`, `strikeout` and `underline`.
+* Added new buttons in [`ToolbarConfig`](/api/interface/annotationinterface/toolbarconfig.md): `copy`, `highlight`, `strikeout` and `underline`.
+* Added new [elements](/ui/default_elements.md) for `EditViewer`:
+ * TextSelectionMode
+ * TextSearchPanelSwitch
+ * TextSearchPanel
+ * HighlightAnnotation
+ * UnderlineAnnotation
+ * StrikeoutAnnotation
+* Added text selection and search methods and events for [`EditViewer`](/api/class/editviewer.md).
+* Added an [`IDocTextSearcher`](/api/interface/idocument/idoctextsearcher.md) interface that can be created using [`createTextSearcher()`](/api/interface/idocument/index.md#createtextsearcher) of [`IDocument`](/api/interface/idocument/index.md).
+* Added [`isPageModified()`](/api/interface/idocument/index.md#ispagemodified) method to detect whether a page has been modified.
+* Added [`getVisiblePagesInfo()`](/api/class/editviewer.md#getvisiblepagesinfo) for viewers.
+* Added new events for viewers.
+* Updated [`IPageData`](/api/interface/ipagedata.md) to use Promise functions for computing-intensive operations.
+* Updated [`updatePage()`](/api/interface/idocument/index.md#updatepage) to allow updating a page with PDF page content that has annotations.
+* Updated [`addFonts()`](/api/namespace/ddv.md#static-addfonts) to return an array of the names of added fonts.
+* Updated [`DisplayTextConfig`](/api/interface/displaytextconfig.md) for new elements.
+* Removed the options parameter of [`getDefaultUiConfig()`](/api/namespace/ddv.md#static-getdefaultuiconfig).
+
+### Improvements
+
+* Fixed the ineffective quality parameter of [`saveToJpeg()`](/api/interface/idocument/index.md#savetojpeg) if a page is unmodified.
+* Improved cursor styles.
+* Improved the performance of resaving a large PDF file.
+
+
+## 2.1 (12/03/2024)
+
+Version 2.1 of Dynamsoft Document Viewer comes with a suite of exciting new features, improvements to existing features, and performance optimizations.
+
+Dynamsoft Document Viewer now comes with **massively improved performance** for working with huge documents with a large number of high resolution images. Users can expect to load, edit, annotate, and export massive documents with ease.
+
+
+
+### New Features
+
+- Added `enableMagnifier`, which provides a corner magnifier in the [Edit Viewer]({{ site.api }}interface/editviewerconfig.html#enablemagnifier) and [Perspective Viewer]({{ site.api }}interface/perspectiveviewerconfig.html#enablemagnifier). This magnifier creates a zoomed-in view of the selected area to allow for more precise adjustments on touchscreen devices.
+
+- Added keyboard shortcuts for document management. These shortcuts are controlled by [`KeyboardInteractionConfig`]({{ site.api }}interface/keyboardinteractionconfig.html). All shortcuts are available for the Edit Viewer, and only the navigation and page selection shortcuts are available for the Browse Viewer:
+ - Undo/redo
+ - Copy/cut/paste
+ - Annotation/page selection
+ - Scrolling/navigation
+ - Cancel/delete
+
+- Added drag-and-drop image loading with the new `enableLoadSourceByDrag` configuration property for the [Edit]({{ site.api }}interface/editviewerconfig.html#enableloadsourcebydrag), [Browse]({{ site.api }}interface/browseviewerconfig.html#enableloadsourcebydrag), and [Perspective]({{ site.api }}interface/perspectiveviewerconfig.html#enableloadsourcebydrag) Viewers (enabled by default).
+
+- The new [`setAnnotationDrawingStyle`]({{ site.api }}class/editviewer.html#setannotationdrawingstyle) method can now be used when creating annotations to set its default drawing style, for example, to set a custom image to use as the default stamp annotation.
+
+- Added the following flags to restrict annotation editing actions: [`noResize`]({{ site.api }}interface/annotationinterface/flags.html#noresize), [`noRotate`]({{ site.api }}interface/annotationinterface/flags.html#norotate), [`noMove`]({{ site.api }}interface/annotationinterface/flags.html#nomove). These flags are preserved when saving to PDF, and respected when importing into DDV from PDF.
+
+- Added a [`flattened`]({{ site.api }}class/annotation/rectangle.html#flattened) property getter/setter to annotation objects, which flattens the **individual** annotation onto the base image layer. This behavior is also preserved upon saving to PDF. For example, a rectangle annotation may be flattened with [`Rectangle.flattened = true`]({{ site.api }}class/annotation/rectangle.html#flattened).
+
+- Added informative task progression messaging using [`InfoObject`]({{ site.api }}interface/infoobject.html) for event listening. `InfoObject` provides different details for different types.
+
+### Improvements
+
+- Improved general performance.
+
+- Added support for processing much larger documents (over 1000 pages). See performance improvements compared to version 2.0:
+
+{% comment %}
+[Performance chart](/assets/imgs/version-2.1-release-performance-chart.png)
+
+
+Win10 i5-7400 CPU @ 3.00GHz
+
+| Document Type | Number of Pages | File Size | Load Time | Peak Memory Use for Loading | Save Time | Peak Memory Use for Saving |
+| --------------- | ------------------| ------------|------------|------------|------------|------------------------------------------------------------ |
+|
+
+- The annotation toolbar and annotation palette in the Edit Viewer are now optional and can be toggled with [`toolbarConfig`]({{ site.api }}interface/annotationinterface/toolbarconfig.html) and [`paletteConfig`]({{ site.api }}interface/annotationinterface/paletteconfig.html) from [`annotationConfig`]({{ site.api }}interface/annotationconfig.html).
+
+- Removed page scrolling with mouse scroll wheel and touchscreen swiping in single page mode.
+
+- Improved page selection performance in the thumbnail gallery.
+
+## 2.0 (08/20/2024)
+
+**We are excited to introduce version 2.0, which focuses on adding a powerful new annotation feature. This release includes comprehensive support for various types of annotations, new APIs for managing annotations, and advanced UI capabilities for seamless interaction.**
+
+Supported Annotation Types:
+
+- [Rectangle]({{ site.api }}class/annotation/rectangle.html)
+- [Ellipse]({{ site.api }}class/annotation/ellipse.html)
+- [Polygon]({{ site.api }}class/annotation/polygon.html)
+- [Polyline]({{ site.api }}class/annotation/polyline.html)
+- [Line]({{ site.api }}class/annotation/line.html)
+- [Ink]({{ site.api }}class/annotation/ink.html)
+- [TextBox]({{ site.api }}class/annotation/textbox.html)
+- [TextTypewriter]({{ site.api }}class/annotation/texttypewriter.html)
+- [Stamp]({{ site.api }}class/annotation/stamp.html)
+
+### Built-in UI for Annotation
+
+#### Direct Annotation Operations in the UI
+
+- Add, select, and delete annotations
+- Drag, resize, and rotate selected annotations
+- Real-time editing of annotation styles using the palette
+
+#### New Built-in Elements
+
+- Added built-in elements to enhance UI configuration flexibility.
+
+### New APIs for Annotation
+
+- Added the namespace [Dynamsoft.DDV.annotationManager]({{ site.api }}class/annotationmanager.html) and APIs for annotation management:
+
+ - Create, delete, and retrieve annotations based on various conditions
+ - Adjust annotation hierarchy
+ - Handle events triggered by annotation operations
+
+- Added the property [annotationConfig]({{ site.api }}interface/editviewerconstructoroptions.html#annotationConfig) to EditViewerConstructorOptions for configuring the annotations in the viewer, including the toolbar, palette, and default annotation style:
+
+ - [annotationSelectionStyle]({{ site.api }}interface/annotationconfig.html#annotationSelectionStyle): Defines the style of annotation selection.
+ - [inkCreateDelay]({{ site.api }}interface/annotationconfig.html#inkCreateDelay): Specifies the delay for ink creation to support annotations created in multiple strokes.
+ - [showOnTopWhenSelected]({{ site.api }}interface/annotationconfig.html#showOnTopWhenSelected): Determines whether the selected annotation should be displayed on the top layer.
+
+- Added the method [` addFonts()`]({{ site.api }}namespace/ddv.html#static-addfonts) to add fonts to the library.
+
+- Added the method [`selectAnnotations()`]({{ site.api }}class/editviewer.html#selectannotations) to select the specified annotation(s) on the current page.
+
+- Added the method [`getSelectedAnnotations()`]({{ site.api }}class/editviewer.html#getselectedannotations) to retrieve selected annotation(s).
+
+- Add properties [`mediaBox`]({{ site.api }}interface/idocument/pagedata.html#mediaBox) and [`cropBox`]({{ site.api }}interface/idocument/pagedata.html#cropBox) to [`PageData`]({{ site.api }}interface/idocument/pagedata.html) for accurate annotation position calculation.
+
+- Added the property [`annotationMode`]({{ site.api }}class/editviewer.html#annotationmode) to specify or return the annotation mode of the viewer.
+
+- Add the property `saveAnnotation` to the interfaces [`SavePngSettings`]({{ site.api }}interface/idocument/savepngsettings.html), [`SaveJpegSettings`]({{ site.api }}interface/idocument/savejpegsettings.html), or [`SaveTiffSettings`]({{ site.api }}interface/idocument/savetiffsettings.html) to determine whether annotations are saved as part of the image when calling [`document.saveToPng()`]({{ site.api }}interface/idocument/index.html#saveToPng), [`document.saveToJpeg()`]({{ site.api }}interface/idocument/index.html#saveToJpeg), or [`document.saveToTiff()`]({{ site.api }}interface/idocument/index.html#saveToTiff).
+
+- Added the property [`saveAnnotation`]({{ site.api }}interface/idocument/savepdfsettings.html#saveAnnotation) to the interface [`SavePdfSettings`]({{ site.api }}interface/idocument/savepdfsettings.html) to configure whether annotations should be saved when [`document.saveToPdf()`]({{ site.api }}interface/idocument/index.html#saveToPdf) is called.
+
+- Add the parameter [`defaultUiConfigOptions`]({{ site.api }}interface/defaultuiconfigoptions.html) to [` getDefaultUiConfig()`]({{ site.api }}namespace/ddv.html#static-getdefaultuiconfig) to retrieve configurations including annotations.
+
+- Add the parameter [`printSettings`]({{ site.api }}interface/idocument/printsettings.html) to the [`document.print()`]({{ site.api }}interface/idocument/index.html#print) to specify whether printable annotations should be included in the print.
+
+- Added the type `annotation` to [`ToolMode`]({{ site.api }}class/editviewer.html#toolMode) to enable a mode that allows annotations to be manipulated via the UI.
+
+- Added the type `annotationSelectionStyle` to [`EditViewerStyleName`]({{ site.api }}class/editviewer.html#getStyle) for retrieving or updating the annotation selection style.
+
+### Other New APIs
+
+Additionally, we've optimized performance and added several new features to enhance the overall user experience.
+
+- Added the property [`password`]({{ site.api }}interface/idocument/savepdfsettings.html#password) to the interface [`SavePdfSettings`]({{ site.api }}interface/idocument/savepdfsettings.html) for configuring the password of the PDF file to save when [`document.saveToPdf()`]({{ site.api }}interface/idocument/index.html#saveToPdf) is called.
+
+- Added the property [`imageScaleFactor`]({{ site.api }}interface/idocument/savepdfsettings.html#imageScaleFactor) to the interface [`SavePdfSettings`]({{ site.api }}interface/idocument/savepdfsettings.html) for configuring the image scale factor of the PDF file to be saved when [`document.saveToPdf()`]({{ site.api }}interface/idocument/index.html#saveToPdf) is called.
+
+### Improved
+
+- Optimize the display effect of images in thumbnails.
+- Optimize the interactive experience of scaling.
+- Modified the type of [`PdfSource.renderOptions.renderAnnotations`]({{ site.api }}interface/idocument/pdfsource.html#renderAnnotations) to support reading annotations.
+- The method `openDocument()` supports the UID or the document object. This affects the `openDocument()` method in the [`EditViewer`]({{ site.api }}class/editviewer.html#openDocument), [`PerspectiveViewer`]({{ site.api }}class/perspectiveviewer.html#openDocument), [`CaptureViewer`]({{ site.api }}class/captureviewer.html#openDocument), and [`BrowseViewer`]({{ site.api }}class/browseviewer.html#openDocument) classes.
+
+### Changed
+
+- Change the length unit from pixel to point for functions and events related to cropping, for example, [`crop()`]({{ site.api }}class/editviewer.html#crop), [`getCropRect()`]({{ site.api }}class/editviewer.html#getCropRect), [`setCropRect()`]({{ site.api }}class/editviewer.html#setCropRect), [`cropRectDrawn`]({{ site.api }}class/editviewer.html#cropRectDrawn), [`cropRectDeleted`]({{ site.api }}class/editviewer.html#cropRectDeleted),[`cropRectModified`]({{ site.api }}class/editviewer.html#cropRectModified).
+- Change the units of the parameters pageWidth and pageHeight in the method [`insertBlankPage`]({{ site.api }}interface/idocument/index.html#insertblankpage) from inches to points.
+- The related date string format change shifts from format D:YYYYMMDDHHmmSS to D:YYYYMMDDHHmmSSOHH'mm'.
+
+## 1.1 (01/12/2024)
+
+### Improved
+
+- Optimized compatibility with browsers. [>> Detail]({{ site.gettingstarted }}sys_requirement.html#supported-browsers)
+
+### Added
+
+- Added the namespace [`Dynamsoft.DDV.Core`]({{ site.api }}namespace/ddv_core.html).
+
+- Added the property [`license`]({{ site.api }}namespace/ddv_core.html#license) to specify the license string.
+
+- Added the property [`engineResourcePath`]({{ site.api }}namespace/ddv_core.html#engineresourcepath) to specify the path leading to a folder containing the distributed WASM files.
+
+- Added the property [`deviceFriendlyName`]({{ site.api }}namespace/ddv_core.html#devicefriendlyname) to specify a human-readable name for the device which corresponds to its UUID.
+
+- Added the method [`loadWasm()`]({{ site.api }}namespace/ddv_core.html#loadwasm) to load WASM modules before initializing.
+
+- Added the method [`init()`]({{ site.api }}namespace/ddv_core.html#init) to initialize DDV.
+
+- Added the method [`insertBlankPage()`]({{ site.api }}interface/idocument/index.html#insertblankpage) to insert a blank page to the document.
+
+### Removed
+
+The following API is removed.
+
+| API Name | Notes |
+| ------------------------- | ------------------------------------------------------------ |
+| `Dynamsoft.DDV.setConfig()` | Use [`Dynamsoft.DDV.Core.license`]({{ site.api }}namespace/ddv_core.html#license), [`Dynamsoft.DDV.Core.engineResource`]({{ site.api }}namespace/ddv_core.html#engineresourcepath), [`Dynamsoft.DDV.Core.deviceFriendlyName`]({{ site.api }}namespace/ddv_core.html#devicefriendlyname), [`Dynamsoft.DDV.Core.init()`]({{ site.api }}namespace/ddv_core.html#init) instead. |
+
+## 1.0.0 (12/26/2023)
+
+Dynamsoft Document Viewer (DDV) is a versatile SDK designed to offer a range of viewers for configuring and executing various document processing workflows.
+
+### Highlights
+
+#### Efficient Data Management
+
+Organize, retrieve, and manage documents and pages efficiently:
+- Document Management: Document creation/deletion/merging, etc.
+- Page management: Pages in documents loading/saving/deleting/moving, etc.
+
+#### Various Viewers
+
+Various kinds of viewers implement different document processing flows:
+- Edit Viewer: Edit the pages in document, such as, rotating, cropping, filtering, etc. and adjust the layout of the display.
+- Capture Viewer: Control camera, play video stream, and capture the images from camera.
+- Perspective Viewer: Do page boundaries manual adjustment & perspective transformation.
+- Browse Viewer: Display pages in multiple-mode, pages can be multiple selected.
+- Custom Viewer: No built-in UI or functionality, which is used for creating your own viewer.
+
+#### Flexible Customization
+
+Besides using the default user interface and viewer directly, developers can easily and flexibly customize them:
+- [User Interface](https://www.dynamsoft.com/document-viewer/docs/ui/index.html): Layout, elements
+- [Viewer](https://www.dynamsoft.com/document-viewer/docs/viewer/index.html): Styles, viewer properties
+
+#### Advanced Features
+
+DDV provides methods to access document boundaries detection and image filter algorithms.
+- [Image filter](https://www.dynamsoft.com/document-viewer/docs/features/advanced/imagefilter.html): Image filter algorithm which is used by Filter element in Edit Viewer.
+- [Document detection](https://www.dynamsoft.com/document-viewer/docs/features/advanced/documentdetect.html): Document boundaries detection algorithm which is used during capturing images. Recommend using [Dynamsoft Document Normalizer](https://www.dynamsoft.com/document-normalizer/docs/web/programming/javascript/api-reference/document-normalizer-module.html?lang=javascript).
diff --git a/_v3.2.1/ui/default_elements.md b/_v3.2.1/ui/default_elements.md
new file mode 100644
index 0000000..f84775c
--- /dev/null
+++ b/_v3.2.1/ui/default_elements.md
@@ -0,0 +1,158 @@
+---
+layout: default-layout
+needAutoGenerateSidebar: true
+needGenerateH3Content: true
+noTitleIndex: true
+title: Dynamsoft Document Viewer User Interface - Built-in Elements
+keywords: Documentation, Dynamsoft Document Viewer, User Interface, Built-in Elements
+breadcrumbText: Built-in Elements
+description: Dynamsoft Document Viewer Documentation User Interface Built-in Elements part
+
+---
+
+
+# Built-in Elements
+
+DDV provides many built-in elements which have their own designed icons and bind to specific event to call the according APIs, have state interaction with viewer as well as between elements.
+
+Specific Elements can only be applied to specific viewers. For example, `Dynamsoft.DDV.Elements.Zoom` can only be applied in `EditViewer`, and `Dynamsoft.DDV.Elements.Capture` can only be applied in `CaptureViewer`.
+
+The following are lists of built-in elements as well as their default icons that are currently available for different viewer classes.
+
+
+
+- [Edit viewer](#edit-viewer)
+- [Capture viewer](#capture-viewer)
+- [Perspective viewer](#perspective-viewer)
+- [Browse viewer](#browse-viewer)
+- [Common](#common)
+
+
+
+| Supported Elements | className of its default icon | More descriptions
+|------------------------------------|-------------------------------------------------------------|-------------------
+| Dynamsoft.DDV.Elements.Pagination | ddv-first-page ddv-prev-page ddv-next-page ddv-last-page |
+| Dynamsoft.DDV.Elements.RotateLeft | ddv-rotate-left |
+| Dynamsoft.DDV.Elements.RotateRight | ddv-rotate-right |
+| Dynamsoft.DDV.Elements.Delete | ddv-delete-current | Composite element contains DeleteCurrent and DeleteAll.
+| Dynamsoft.DDV.Elements.DeleteCurrent | ddv-delete-current |
+| Dynamsoft.DDV.Elements.DeleteAll | ddv-delete-all |
+| Dynamsoft.DDV.Elements.Zoom | N/A | Composite element contains ZoomIn and ZoomOut.
+| Dynamsoft.DDV.Elements.ZoomIn | ddv-zoom-in |
+| Dynamsoft.DDV.Elements.ZoomOut | ddv-zoom-out |
+| Dynamsoft.DDV.Elements.ZoomByPercentage | N/A |
+| Dynamsoft.DDV.Elements.ThumbnailSwitch | ddv-thumbnail-switch | Control the thumbnail to show or not.
+| Dynamsoft.DDV.Elements.FitMode | N/A | Composite element contains FitWindow, FitHeight, FitWindow and ActualSize.
+| Dynamsoft.DDV.Elements.DisplayMode | N/A | Composite element contains SinglePage and ContinuousPage.
+| Dynamsoft.DDV.Elements.Crop | N/A |
+| Dynamsoft.DDV.Elements.Filter | ddv-filter |
+| Dynamsoft.DDV.Elements.Load | ddv-load-image | Load file from local. If there is no document is opend when you click Load button, a new document (default name: doc-*timestamp*) will be created and opened automatically.
+| Dynamsoft.DDV.Elements.Undo | ddv-undo-page |
+| Dynamsoft.DDV.Elements.Redo | ddv-redo-page |
+| Dynamsoft.DDV.Elements.Pan | ddv-pan-mode |
+| Dynamsoft.DDV.Elements.Print | ddv-print-page |
+| Dynamsoft.DDV.Elements.FitWidth | ddv-fit-width |
+| Dynamsoft.DDV.Elements.FitHeight | ddv-fit-height |
+| Dynamsoft.DDV.Elements.FitWindow | ddv-fit-window |
+| Dynamsoft.DDV.Elements.ActualSize | ddv-fit-actual |
+| Dynamsoft.DDV.Elements.SinglePage | ddv-single-mode |
+| Dynamsoft.DDV.Elements.ContinuousPage | ddv-continuous-mode |
+| Dynamsoft.DDV.Elements.Download | ddv-button-download | Download pages in pdf format to local. |
+| Dynamsoft.DDV.Elements.TextSelectionMode | ddv-text-selection-mode | |
+| Dynamsoft.DDV.Elements.TextSearchPanelSwitch | ddv-search-switch | |
+| Dynamsoft.DDV.Elements.TextSearchPanel | N/A | |
+
+|Annotation-related Elements | className of its default icon |
+| ----------------------------------------------- | ----------------------------- |
+| Dynamsoft.DDV.Elements.AnnotationSet | ddv-annotation-mode |
+| Dynamsoft.DDV.Elements.RectAnnotation | ddv-rect |
+| Dynamsoft.DDV.Elements.EllipseAnnotation | ddv-ellipse |
+| Dynamsoft.DDV.Elements.PolygonAnnotation | ddv-polygon |
+| Dynamsoft.DDV.Elements.PolylineAnnotation | ddv-polyline |
+| Dynamsoft.DDV.Elements.LineAnnotation | ddv-line |
+| Dynamsoft.DDV.Elements.InkAnnotation | ddv-ink |
+| Dynamsoft.DDV.Elements.TextBoxAnnotation | ddv-text-box |
+| Dynamsoft.DDV.Elements.TextTypewriterAnnotation | ddv-typewriter |
+| Dynamsoft.DDV.Elements.StampIconAnnotation | ddv-stamp-icon |
+| Dynamsoft.DDV.Elements.StampImageAnnotation | ddv-stamp-image |
+| Dynamsoft.DDV.Elements.HighlightAnnotation | ddv-highlight-mode |
+| Dynamsoft.DDV.Elements.UnderlineAnnotation | ddv-underline-mode |
+| Dynamsoft.DDV.Elements.StrikeoutAnnotation | ddv-strikeout-mode |
+| Dynamsoft.DDV.Elements.SelectAnnotation | ddv-annot-select |
+| Dynamsoft.DDV.Elements.EraseAnnotation | ddv-annot-eraser |
+| Dynamsoft.DDV.Elements.BringForward | ddv-bring-forward |
+| Dynamsoft.DDV.Elements.BringToFront | ddv-bring-to-front |
+| Dynamsoft.DDV.Elements.SendBackward | ddv-send-backward |
+| Dynamsoft.DDV.Elements.SendToBack | ddv-send-to-back |
+
+
+
+
+
+| Supported Elements | className of default icon | More descriptions
+|--------------------------------|---------------------------|--------------------
+| Dynamsoft.DDV.Elements.Capture | ddv-capture-image | If there is no document opened when you click Capture button, a new document (default name: doc-*timestamp*) will be created and opened automatically.
+| Dynamsoft.DDV.Elements.Flashlight | ddv-camera-flashlight |
+| Dynamsoft.DDV.Elements.CameraConvert | ddv-camera-convert |
+| Dynamsoft.DDV.Elements.CameraResolution | ddv-resolution |
+| Dynamsoft.DDV.Elements.AutoDetect | ddv-auto-detect |
+| Dynamsoft.DDV.Elements.AutoCapture | ddv-auto-capture |
+| Dynamsoft.DDV.Elements.ImagePreview | N/A |
+
+
+
+
+
+| Supported Elements | className of default icon | More descriptions
+|-----------------------------------|-------------------------------------------------------------|------------------
+| Dynamsoft.DDV.Elements.Pagination | ddv-first-page ddv-prev-page ddv-next-page ddv-last-page |
+| Dynamsoft.DDV.Elements.RotateLeft | ddv-rotate-left |
+| Dynamsoft.DDV.Elements.RotateRight | ddv-rotate-right |
+| Dynamsoft.DDV.Elements.Delete | N/A | Composite element contains DeleteCurrent and DeleteAll.
+| Dynamsoft.DDV.Elements.DeleteCurrent | ddv-delete-current |
+| Dynamsoft.DDV.Elements.DeleteAll | ddv-delete-all |
+| Dynamsoft.DDV.Elements.PerspectiveAll | ddv-perspective-all |
+| Dynamsoft.DDV.Elements.FullQuad | ddv-full-quad |
+| Dynamsoft.DDV.Elements.Load | ddv-load-image | Load file from local. If there is no document is opend when you click Load button, a new document (default name: doc-*timestamp*) will be created and opened automatically.
+| Dynamsoft.DDV.Elements.Download | ddv-button-download | Download pages in pdf format to local.
+| Dynamsoft.DDV.Elements.Print | ddv-print-page |
+
+
+
+
+
+| Supported Elements | className of default icon | More descriptions
+|------------------------------------|-------------------------------------------------------------|-------------------
+| Dynamsoft.DDV.Elements.Pagination | ddv-first-page, ddv-prev-page, ddv-next-page, ddv-last-page |
+| Dynamsoft.DDV.Elements.RotateLeft | ddv-rotate-left |
+| Dynamsoft.DDV.Elements.RotateRight | ddv-rotate-right |
+| Dynamsoft.DDV.Elements.Delete | ddv-delete-current | Composite element contains DeleteCurrent and DeleteAll.
+| Dynamsoft.DDV.Elements.DeleteCurrent | ddv-delete-current |
+| Dynamsoft.DDV.Elements.DeleteAll | ddv-delete-all |
+| Dynamsoft.DDV.Elements.Print | ddv-print-page |
+| Dynamsoft.DDV.Elements.Load | ddv-load-image | Load file from local. If there is no document is opend when you click Load button, a new document (default name: doc-*timestamp*) will be created and opened automatically.
+| Dynamsoft.DDV.Elements.Download | ddv-button-download | Download pages in pdf format to local.
+
+
+
+
+
+The following list shows the common elements which could be used within all viewer classes.
+
+| Elements | className of default icon | More descriptions
+|----------------------------|---------------------------|----------------
+| Dynamsoft.DDV.Elements.Blank | N/A |
+| Dynamsoft.DDV.Elements.SeparatorLine | N/A |
+| Dynamsoft.DDV.Elements.MainView | N/A | It cannot be used in CustomViewer.
+
+Besides, three designed icons are provided and can be used if you want to add the related buttons in order to unify the icon style.
+
+| Related Button | className of default icon
+|------------------|----------------------
+| Close | ddv-button-close
+| Done | ddv-button-done
+| Back | ddv-button-back
+
+
+
+
diff --git a/api/class/annotation/ellipse.md b/api/class/annotation/ellipse.md
index 780f796..5aa3236 100644
--- a/api/class/annotation/ellipse.md
+++ b/api/class/annotation/ellipse.md
@@ -93,7 +93,7 @@ Return the type of the annotation: `ellipse`.
All annotation types:
```ts
-"rectangle" | "ellipse" | "line" | "polygon" | "polyline" | "ink" | "textBox" | "textTypewriter" | "stamp" | "highlight" | "underline" | "strikeout" | "incomplete" | "unknown"
+"rectangle" | "redaction" | "ellipse" | "line" | "polygon" | "polyline" | "ink" | "textBox" | "textTypewriter" | "stamp" | "highlight" | "underline" | "strikeout" | "incomplete" | "unknown"
```
## creationDate
@@ -207,3 +207,10 @@ ellipse.updateOptions(ellipseOptions); // Update the background of the ellipse t
--------|-----------------------------------------------------|----------------------
-80100 | *XXX(API)*: *XXX(ParameterName)* is invalid. | `false`
-80102 | *XXX(API)*: *XXX(ParameterName)* is missing. | `false`
+
+
+**Exception**
+
+ Error Code | Error Message
+--------|-----------------------------------------------------
+ -80326 | The annotation has already been deleted.
diff --git a/api/class/annotation/highlight.md b/api/class/annotation/highlight.md
index 5eaa7fc..7f6a480 100644
--- a/api/class/annotation/highlight.md
+++ b/api/class/annotation/highlight.md
@@ -68,7 +68,7 @@ Return the type of the annotation: `highlight`.
All annotation types:
```ts
-"rectangle" | "ellipse" | "line" | "polygon" | "polyline" | "ink" | "textBox" | "textTypewriter" | "stamp" | "highlight" | "underline" | "strikeout" | "incomplete" | "unknown"
+"rectangle" | "redaction" | "ellipse" | "line" | "polygon" | "polyline" | "ink" | "textBox" | "textTypewriter" | "stamp" | "highlight" | "underline" | "strikeout" | "incomplete" | "unknown"
```
## creationDate
@@ -196,3 +196,9 @@ highlight.updateOptions(newOptions); // Update the annotation.
--------|-----------------------------------------------------|----------------------
-80100 | *XXX(API)*: *XXX(ParameterName)* is invalid. | `false`
-80102 | *XXX(API)*: *XXX(ParameterName)* is missing. | `false`
+
+**Exception**
+
+ Error Code | Error Message
+--------|-----------------------------------------------------
+ -80326 | The annotation has already been deleted.
diff --git a/api/class/annotation/incomplete.md b/api/class/annotation/incomplete.md
index 42b2ef8..4f748ab 100644
--- a/api/class/annotation/incomplete.md
+++ b/api/class/annotation/incomplete.md
@@ -75,7 +75,7 @@ Return the type of the annotation: `incomplete`.
All annotation types:
```ts
-"rectangle" | "ellipse" | "line" | "polygon" | "polyline" | "ink" | "textBox" | "textTypewriter" | "stamp" | "highlight" | "underline" | "strikeout" | "incomplete" | "unknown"
+"rectangle" | "redaction" | "ellipse" | "line" | "polygon" | "polyline" | "ink" | "textBox" | "textTypewriter" | "stamp" | "highlight" | "underline" | "strikeout" | "incomplete" | "unknown"
```
## creationDate
diff --git a/api/class/annotation/index.md b/api/class/annotation/index.md
index fc4c947..328460d 100644
--- a/api/class/annotation/index.md
+++ b/api/class/annotation/index.md
@@ -13,7 +13,7 @@ permalink: /api/class/annotation/index.html
## Annotation
-Annotation has fourteen main classes:
+Annotation has fifteen main classes:
- [Rectangle](/api/class/annotation/rectangle.md)
- [Ellipse](/api/class/annotation/ellipse.md)
@@ -27,6 +27,7 @@ Annotation has fourteen main classes:
- [Highlight](/api/class/annotation/highlight.md)
- [Underline](/api/class/annotation/underline.md)
- [Strikeout](/api/class/annotation/strikeout.md)
+- [Redaction](/api/class/annotation/redaction.md)
- [Incomplete](/api/class/annotation/incomplete.md)
- [Unknown](/api/class/annotation/unknown.md)
diff --git a/api/class/annotation/ink.md b/api/class/annotation/ink.md
index d910812..22640af 100644
--- a/api/class/annotation/ink.md
+++ b/api/class/annotation/ink.md
@@ -87,7 +87,7 @@ Return the type of the annotation: `ink`.
All annotation types:
```ts
-"rectangle" | "ellipse" | "line" | "polygon" | "polyline" | "ink" | "textBox" | "textTypewriter" | "stamp" | "highlight" | "underline" | "strikeout" | "incomplete" | "unknown"
+"rectangle" | "redaction" | "ellipse" | "line" | "polygon" | "polyline" | "ink" | "textBox" | "textTypewriter" | "stamp" | "highlight" | "underline" | "strikeout" | "incomplete" | "unknown"
```
## creationDate
@@ -202,3 +202,10 @@ ink.updateOptions(inkOptions); // Update the border color of the ink to red.
--------|-----------------------------------------------------|----------------------
-80100 | *XXX(API)*: *XXX(ParameterName)* is invalid. | `false`
-80102 | *XXX(API)*: *XXX(ParameterName)* is missing. | `false`
+
+**Exception**
+
+ Error Code | Error Message
+--------|-----------------------------------------------------
+ -80326 | The annotation has already been deleted.
+
\ No newline at end of file
diff --git a/api/class/annotation/line.md b/api/class/annotation/line.md
index b304544..e7df6f0 100644
--- a/api/class/annotation/line.md
+++ b/api/class/annotation/line.md
@@ -88,7 +88,7 @@ Return the type of the annotation: `line`.
All annotation types:
```ts
-"rectangle" | "ellipse" | "line" | "polygon" | "polyline" | "ink" | "textBox" | "textTypewriter" | "stamp" | "highlight" | "underline" | "strikeout" | "incomplete" | "unknown"
+"rectangle" | "redaction" | "ellipse" | "line" | "polygon" | "polyline" | "ink" | "textBox" | "textTypewriter" | "stamp" | "highlight" | "underline" | "strikeout" | "incomplete" | "unknown"
```
## creationDate
@@ -205,3 +205,10 @@ line.updateOptions(lineOptions); // Update the line ending of the line to open.
--------|-----------------------------------------------------|----------------------
-80100 | *XXX(API)*: *XXX(ParameterName)* is invalid. | `false`
-80102 | *XXX(API)*: *XXX(ParameterName)* is missing. | `false`
+
+**Exception**
+
+ Error Code | Error Message
+--------|-----------------------------------------------------
+ -80326 | The annotation has already been deleted.
+
\ No newline at end of file
diff --git a/api/class/annotation/polygon.md b/api/class/annotation/polygon.md
index d0f7047..c597b02 100644
--- a/api/class/annotation/polygon.md
+++ b/api/class/annotation/polygon.md
@@ -92,7 +92,7 @@ Return the type of the annotation: `polygon`.
All annotation types:
```ts
-"rectangle" | "ellipse" | "line" | "polygon" | "polyline" | "ink" | "textBox" | "textTypewriter" | "stamp" | "highlight" | "underline" | "strikeout" | "incomplete" | "unknown"
+"rectangle" | "redaction" | "ellipse" | "line" | "polygon" | "polyline" | "ink" | "textBox" | "textTypewriter" | "stamp" | "highlight" | "underline" | "strikeout" | "incomplete" | "unknown"
```
## creationDate
@@ -207,3 +207,10 @@ polygon.updateOptions(polygonOptions); // Update the background of the polygon t
--------|-----------------------------------------------------|----------------------
-80100 | *XXX(API)*: *XXX(ParameterName)* is invalid. | `false`
-80102 | *XXX(API)*: *XXX(ParameterName)* is missing. | `false`
+
+**Exception**
+
+ Error Code | Error Message
+--------|-----------------------------------------------------
+ -80326 | The annotation has already been deleted.
+
\ No newline at end of file
diff --git a/api/class/annotation/polyline.md b/api/class/annotation/polyline.md
index c4cd44c..8410ee0 100644
--- a/api/class/annotation/polyline.md
+++ b/api/class/annotation/polyline.md
@@ -88,7 +88,7 @@ Return the type of the annotation: `polyline`.
All annotation types:
```ts
-"rectangle" | "ellipse" | "line" | "polygon" | "polyline" | "ink" | "textBox" | "textTypewriter" | "stamp" | "highlight" | "underline" | "strikeout" | "incomplete" | "unknown"
+"rectangle" | "redaction" | "ellipse" | "line" | "polygon" | "polyline" | "ink" | "textBox" | "textTypewriter" | "stamp" | "highlight" | "underline" | "strikeout" | "incomplete" | "unknown"
```
## creationDate
@@ -205,3 +205,10 @@ polyline.updateOptions(polylineOptions); // Update the line ending of the polyli
--------|-----------------------------------------------------|----------------------
-80100 | *XXX(API)*: *XXX(ParameterName)* is invalid. | `false`
-80102 | *XXX(API)*: *XXX(ParameterName)* is missing. | `false`
+
+**Exception**
+
+ Error Code | Error Message
+--------|-----------------------------------------------------
+ -80326 | The annotation has already been deleted.
+
\ No newline at end of file
diff --git a/api/class/annotation/rectangle.md b/api/class/annotation/rectangle.md
index 7c54891..d672c63 100644
--- a/api/class/annotation/rectangle.md
+++ b/api/class/annotation/rectangle.md
@@ -92,7 +92,7 @@ Return the type of the annotation: `rectangle`.
All annotation types:
```ts
-"rectangle" | "ellipse" | "line" | "polygon" | "polyline" | "ink" | "textBox" | "textTypewriter" | "stamp" | "highlight" | "underline" | "strikeout" | "incomplete" | "unknown"
+"rectangle" | "redaction" | "ellipse" | "line" | "polygon" | "polyline" | "ink" | "textBox" | "textTypewriter" | "stamp" | "highlight" | "underline" | "strikeout" | "incomplete" | "unknown"
```
## creationDate
@@ -207,3 +207,10 @@ rect.updateOptions(rectOptions); // Update the background of the rectangle to re
--------|-----------------------------------------------------|----------------------
-80100 | *XXX(API)*: *XXX(ParameterName)* is invalid. | `false`
-80102 | *XXX(API)*: *XXX(ParameterName)* is missing. | `false`
+
+**Exception**
+
+ Error Code | Error Message
+--------|-----------------------------------------------------
+ -80326 | The annotation has already been deleted.
+
\ No newline at end of file
diff --git a/api/class/annotation/redaction.md b/api/class/annotation/redaction.md
new file mode 100644
index 0000000..8026438
--- /dev/null
+++ b/api/class/annotation/redaction.md
@@ -0,0 +1,188 @@
+---
+layout: default-layout
+needAutoGenerateSidebar: true
+needGenerateH3Content: true
+noTitleIndex: true
+title: Dynamsoft Document Viewer API Reference - Redaction Class
+keywords: Documentation, Dynamsoft Document Viewer, API Reference, Redaction Class
+breadcrumbText: Redaction Class
+description: Dynamsoft Document Viewer Documentation API Reference Redaction Class Page
+---
+
+# Redaction Class
+
+## API Index
+
+| API Name | Description |
+| --------------------------------------- | ------------------------------------------------------------------------------------------- |
+| [`uid`](#uid) | Return the uid of the annotation. |
+| [`pageUid`](#pageuid) | Return the uid of the page where the annotation is located. |
+| [`source`](#source) | Return the source of the annotation. |
+| [`type`](#type) | Return the type of the annotation |
+| [`creationDate`](#creationdate) | Return the creation date of the annotation. |
+| [`flattened`](#flattened) | Flattens the annotation onto the image layer, or inspect if the annotation is flattened. |
+| [`modificationDate`](#modificationdate) | Return the modification date of the annotation. |
+| [`getOptions()`](#getoptions) | Get the annotation options. |
+| [`updateOptions()`](#updateoptions) | Update the annotation options. |
+
+## uid
+
+Return the uid of the annotation.
+
+**Syntax**
+
+```typescript
+readonly uid: string;
+```
+
+## pageUid
+
+Return the uid of the page where the annotation is located.
+
+**Syntax**
+
+```typescript
+readonly pageUid: string;
+```
+
+**Remark**
+
+- It will return `''`, if the annotation is deleted.
+
+## source
+
+Return the source of the annotation. Possible values:
+
+* user: the annotation is created by the user's action
+* file: the annotation is created from a PDF file
+* api: the annotation is created with code
+
+**Remark**
+
+It will return `''`, if the annotation is deleted.
+
+## type
+
+Return the type of the annotation: `redaction`.
+
+All annotation types:
+
+```ts
+"rectangle" | "redaction" | "ellipse" | "line" | "polygon" | "polyline" | "ink" | "textBox" | "textTypewriter" | "stamp" | "highlight" | "underline" | "strikeout" | "incomplete" | "unknown"
+```
+
+## creationDate
+
+Return the creation date of the annotation.
+
+**Syntax**
+
+```typescript
+readonly creationDate: string;
+```
+
+**Remark**
+
+- The string would be `D:YYYYMMDDHHmmSSOHH'mm'`, like `D:20230101085959-08'00'`.
+
+## flattened
+
+Flattens the annotation onto the image layer, or inspect if the annotation is flattened.
+
+**Syntax**
+
+```typescript
+flattened: boolean; //Default value is `false`.
+```
+
+**Remark**
+
+Flattened annotations move below all unflattened annotations on the page, and are stacked amongst themselves accordingly.
+
+Flattened annotations become part of the page layer upon file export and cease to be annotations.
+
+## modificationDate
+
+Return the modification date of the annotation.
+
+**Syntax**
+
+```typescript
+readonly modificationDate: string;
+```
+
+**Remark**
+
+- The string would be `D:YYYYMMDDHHmmSSOHH'mm'`, like `D:20230101085959-08'00'`.
+- It will return `''`, if the annotation is deleted.
+- If the annotation is created but not be modified after adding, it equals to [`creationDate`](#creationdate).
+
+## getOptions()
+
+Get the annotation options.
+
+**Syntax**
+
+```typescript
+getOptions(): RedactionAnnotationOptions;
+```
+
+**Return value**
+
+The object of redaction annotation options. Please refer to [`RedactionAnnotationOptions`](/api/interface/annotationinterface/redactionannotationoptions.md).
+
+**Code Snippet**
+
+```typescript
+// Given that editViewer is an existing instance of EditViewer and a document is currently open.
+const pageUid = editViewer.indexToUid(0);
+const redaction = Dynamsoft.DDV.annotationManager.createAnnotation(pageUid, "redaction"); // Create a default Redaction annotation instance.
+const options = redaction.getOptions();
+```
+
+## updateOptions()
+
+Update the annotation options.
+
+**Syntax**
+
+```typescript
+updateOptions(redactionAnnotationOptions: RedactionAnnotationOptions): boolean;
+```
+
+**Parameters**
+
+`redactionAnnotationOptions`: The new redaction annotation options. Please refer to [`RedactionAnnotationOptions`](/api/interface/annotationinterface/redactionannotationoptions.md).
+
+**Return value**
+
+`true`: Successfully.
+
+`false`: Failed.
+
+**Code Snippet**
+
+```typescript
+// Given that editViewer is an existing instance of EditViewer and a document is currently open.
+const pageUid = editViewer.indexToUid(0);
+const redaction = Dynamsoft.DDV.annotationManager.createAnnotation(pageUid, "redaction"); // Create a default Redaction annotation instance.
+const options = {
+ background: "red",
+};
+redaction.updateOptions(options); // Update the background of the redaction to red.
+```
+
+**Warning**
+
+ Error Code | Error Message | API Return Value
+--------|-----------------------------------------------------|----------------------
+ -80100 | *XXX(API)*: *XXX(ParameterName)* is invalid. | `false`
+ -80102 | *XXX(API)*: *XXX(ParameterName)* is missing. | `false`
+ -80323 | The redaction annotation has already been applied. | `false`
+
+**Exception**
+
+ Error Code | Error Message
+--------|-----------------------------------------------------
+ -80326 | The annotation has already been deleted.
+ -80328 | Rectangle-type redaction requires exactly one rect.
\ No newline at end of file
diff --git a/api/class/annotation/stamp.md b/api/class/annotation/stamp.md
index 4634b49..da7412a 100644
--- a/api/class/annotation/stamp.md
+++ b/api/class/annotation/stamp.md
@@ -89,7 +89,7 @@ Return the type of the annotation: `stamp`.
All annotation types:
```ts
-"rectangle" | "ellipse" | "line" | "polygon" | "polyline" | "ink" | "textBox" | "textTypewriter" | "stamp" | "highlight" | "underline" | "strikeout" | "incomplete" | "unknown"
+"rectangle" | "redaction" | "ellipse" | "line" | "polygon" | "polyline" | "ink" | "textBox" | "textTypewriter" | "stamp" | "highlight" | "underline" | "strikeout" | "incomplete" | "unknown"
```
## creationDate
@@ -203,3 +203,10 @@ await stamp.updateOptions(stampOptions); // Update the stamp icon to 'APPROVED'.
--------|-----------------------------------------------------|----------------------
-80100 | *XXX(API)*: *XXX(ParameterName)* is invalid. | `false`
-80102 | *XXX(API)*: *XXX(ParameterName)* is missing. | `false`
+
+**Exception**
+
+ Error Code | Error Message
+--------|-----------------------------------------------------
+ -80326 | The annotation has already been deleted.
+
\ No newline at end of file
diff --git a/api/class/annotation/strikeout.md b/api/class/annotation/strikeout.md
index 350708f..e473e1c 100644
--- a/api/class/annotation/strikeout.md
+++ b/api/class/annotation/strikeout.md
@@ -68,7 +68,7 @@ Return the type of the annotation: `strikeout`.
All annotation types:
```ts
-"rectangle" | "ellipse" | "line" | "polygon" | "polyline" | "ink" | "textBox" | "textTypewriter" | "stamp" | "highlight" | "underline" | "strikeout" | "incomplete" | "unknown"
+"rectangle" | "redaction" | "ellipse" | "line" | "polygon" | "polyline" | "ink" | "textBox" | "textTypewriter" | "stamp" | "highlight" | "underline" | "strikeout" | "incomplete" | "unknown"
```
## creationDate
@@ -196,3 +196,10 @@ strikeout.updateOptions(newOptions); // Update the annotation.
--------|-----------------------------------------------------|----------------------
-80100 | *XXX(API)*: *XXX(ParameterName)* is invalid. | `false`
-80102 | *XXX(API)*: *XXX(ParameterName)* is missing. | `false`
+
+**Exception**
+
+ Error Code | Error Message
+--------|-----------------------------------------------------
+ -80326 | The annotation has already been deleted.
+
\ No newline at end of file
diff --git a/api/class/annotation/textbox.md b/api/class/annotation/textbox.md
index 521e38b..0b7574a 100644
--- a/api/class/annotation/textbox.md
+++ b/api/class/annotation/textbox.md
@@ -89,7 +89,7 @@ Return the type of the annotation: `textBox`.
All annotation types:
```ts
-"rectangle" | "ellipse" | "line" | "polygon" | "polyline" | "ink" | "textBox" | "textTypewriter" | "stamp" | "highlight" | "underline" | "strikeout" | "incomplete" | "unknown"
+"rectangle" | "redaction" | "ellipse" | "line" | "polygon" | "polyline" | "ink" | "textBox" | "textTypewriter" | "stamp" | "highlight" | "underline" | "strikeout" | "incomplete" | "unknown"
```
## creationDate
@@ -204,3 +204,10 @@ textBox.updateOptions(textBoxOptions); // Update the background of the text box
--------|-----------------------------------------------------|----------------------
-80100 | *XXX(API)*: *XXX(ParameterName)* is invalid. | `false`
-80102 | *XXX(API)*: *XXX(ParameterName)* is missing. | `false`
+
+**Exception**
+
+ Error Code | Error Message
+--------|-----------------------------------------------------
+ -80326 | The annotation has already been deleted.
+
\ No newline at end of file
diff --git a/api/class/annotation/texttypewriter.md b/api/class/annotation/texttypewriter.md
index ed19aab..ab325e9 100644
--- a/api/class/annotation/texttypewriter.md
+++ b/api/class/annotation/texttypewriter.md
@@ -88,7 +88,7 @@ Return the type of the annotation: `textTypewriter`.
All annotation types:
```ts
-"rectangle" | "ellipse" | "line" | "polygon" | "polyline" | "ink" | "textBox" | "textTypewriter" | "stamp" | "highlight" | "underline" | "strikeout" | "incomplete" | "unknown"
+"rectangle" | "redaction" | "ellipse" | "line" | "polygon" | "polyline" | "ink" | "textBox" | "textTypewriter" | "stamp" | "highlight" | "underline" | "strikeout" | "incomplete" | "unknown"
```
## creationDate
@@ -204,3 +204,10 @@ textTypewriter.updateOptions(textTypewriterOptions); // Update the background of
--------|-----------------------------------------------------|----------------------
-80100 | *XXX(API)*: *XXX(ParameterName)* is invalid. | `false`
-80102 | *XXX(API)*: *XXX(ParameterName)* is missing. | `false`
+
+**Exception**
+
+ Error Code | Error Message
+--------|-----------------------------------------------------
+ -80326 | The annotation has already been deleted.
+
\ No newline at end of file
diff --git a/api/class/annotation/underline.md b/api/class/annotation/underline.md
index 90ef67e..821c1cf 100644
--- a/api/class/annotation/underline.md
+++ b/api/class/annotation/underline.md
@@ -68,7 +68,7 @@ Return the type of the annotation: `underline`.
All annotation types:
```ts
-"rectangle" | "ellipse" | "line" | "polygon" | "polyline" | "ink" | "textBox" | "textTypewriter" | "stamp" | "highlight" | "underline" | "strikeout" | "incomplete" | "unknown"
+"rectangle" | "redaction" | "ellipse" | "line" | "polygon" | "polyline" | "ink" | "textBox" | "textTypewriter" | "stamp" | "highlight" | "underline" | "strikeout" | "incomplete" | "unknown"
```
## creationDate
@@ -196,3 +196,10 @@ await underline.updateOptions(newOptions); // Update the annotation.
--------|-----------------------------------------------------|----------------------
-80100 | *XXX(API)*: *XXX(ParameterName)* is invalid. | `false`
-80102 | *XXX(API)*: *XXX(ParameterName)* is missing. | `false`
+
+**Exception**
+
+ Error Code | Error Message
+--------|-----------------------------------------------------
+ -80326 | The annotation has already been deleted.
+
\ No newline at end of file
diff --git a/api/class/annotation/unknown.md b/api/class/annotation/unknown.md
index 2175887..5cb4f83 100644
--- a/api/class/annotation/unknown.md
+++ b/api/class/annotation/unknown.md
@@ -74,7 +74,7 @@ Return the type of the annotation: `unknown`.
All annotation types:
```ts
-"rectangle" | "ellipse" | "line" | "polygon" | "polyline" | "ink" | "textBox" | "textTypewriter" | "stamp" | "highlight" | "underline" | "strikeout" | "incomplete" | "unknown"
+"rectangle" | "redaction" | "ellipse" | "line" | "polygon" | "polyline" | "ink" | "textBox" | "textTypewriter" | "stamp" | "highlight" | "underline" | "strikeout" | "incomplete" | "unknown"
```
## creationDate
diff --git a/api/class/annotationmanager.md b/api/class/annotationmanager.md
index e50a121..cb72734 100644
--- a/api/class/annotationmanager.md
+++ b/api/class/annotationmanager.md
@@ -20,6 +20,7 @@ The `Dynamsoft.DDV.annotationManager` instance will be created automatically as
| API Name | Description |
| ------------------------------ | ------------------------------------------------------------ |
+| [`applyRedactions()`](#applyredactions) | Apply redaction annotations. |
| [`createAnnotation()`](#createAnnotation) | Create an annotation instance. |
| [`getAnnotationsByUids()`](#getannotationsbyuids) | Get annotations by annotation uids. |
| [`getAnnotationsByPage()`](#getannotationsbypage) | Get annotations in specified page. |
@@ -55,6 +56,38 @@ The `Dynamsoft.DDV.annotationManager` instance will be created automatically as
## Methods
+### applyRedactions()
+
+Apply redaction annotations.
+
+**Syntax**
+
+```typescript
+applyRedactions(pageUid: string, annotationUids?: string[]): Promise;
+```
+
+**Parameters**
+
+`pageUid`: Specify the page to apply redaction annotations.
+
+`annotationUids`: Specify the array of uids of redaction annotations to apply for one page. If it is empty, all the redaction annotations on the specified page will be used.
+
+**Return value**
+
+A Promise object which indicates whether the operation is successful or not.
+
+**Exception**
+
+ Error Code | Error Message
+--------|-----------------------------------------------------
+ -80100 | *XXX(API)*: *XXX(ParameterName)* is invalid.
+ -80102 | *XXX(API)*: *XXX(ParameterName)* is missing.
+ -80105 | *XXX(API)*: The specified page(s) do not exist.
+ -80324 | The specified annotation(s) contain annotations other than redaction annotations.
+ -80325 | The specified page does not contain redaction annotations.
+ -80327 | The specified annotation(s) are not on the specified page or do not exist.
+
+
### createAnnotation()
Create an annotation instance and add the created instance to the specified page.
@@ -70,7 +103,7 @@ createAnnotation(pageUid: string, type:
`type`: Specify the type of annotation to create.
```typescript
-type AnnotationType = "rectangle" | "ellipse" | "polygon" | "polyline" | "line" | "ink" | "textBox" | "textTypewriter" | "stamp" | "highlight" | "underline"| "strikeout";
+type AnnotationType = "rectangle" | "redaction" | "ellipse" | "polygon" | "polyline" | "line" | "ink" | "textBox" | "textTypewriter" | "stamp" | "highlight" | "underline"| "strikeout";
```
`annotationOptions`: The annotation options. Please refer to [the options list](/api/interface/annotationinterface/index.md#options).
@@ -95,6 +128,10 @@ The instance of annotation. Please refer to [Annotation](/api/class/annotation/i
const ink = Dynamsoft.DDV.annotationManager.createAnnotation(pageUid, "ink");
const textBox = Dynamsoft.DDV.annotationManager.createAnnotation(pageUid, "textBox");
const textTypewriter = Dynamsoft.DDV.annotationManager.createAnnotation(pageUid, "textTypewriter");
+ const highlight = Dynamsoft.DDV.annotationManager.createAnnotation(pageUid, "highlight");
+ const underline = Dynamsoft.DDV.annotationManager.createAnnotation(pageUid, "underline");
+ const strikeout = Dynamsoft.DDV.annotationManager.createAnnotation(pageUid, "strikeout");
+ const redaction = Dynamsoft.DDV.annotationManager.createAnnotation(pageUid, "redaction");
const stamp = await Dynamsoft.DDV.annotationManager.createAnnotation(pageUid, "stamp");
```
@@ -114,7 +151,7 @@ The instance of annotation. Please refer to [Annotation](/api/class/annotation/i
-80102 | *XXX(API)*: *XXX(ParameterName)* is missing.
-80103 | *XXX(API)*: The value for *XXX(ParameterName)* is not supported.
-80105 | *XXX(API)*: The specified page(s) do not exist.
-
+ -80328 | Rectangle-type redaction requires exactly one rect.
### getAnnotationsByUids()
diff --git a/api/class/editviewer.md b/api/class/editviewer.md
index 5e477a5..7a3b834 100644
--- a/api/class/editviewer.md
+++ b/api/class/editviewer.md
@@ -520,7 +520,7 @@ toolMode: ToolMode;
A `ToolMode` can be one of following types.
```typescript
-type ToolMode = "pan" | "crop" | "annotation" | "textSelection";
+type ToolMode = "pan" | "crop" | "annotation" | "textSelection" | "redaction";
```
`pan`: The default tool mode.
@@ -531,6 +531,8 @@ type ToolMode = "pan" | "crop" | "annotation" | "textSelection";
`textSelection`: A mode that allows selecting text to be manipulated via the UI.
+`redaction`: A mode that allows marking areas or pages for redaction.
+
**Code Snippet**
```typescript
diff --git a/api/class/index.md b/api/class/index.md
index 3ab9b85..9edea44 100644
--- a/api/class/index.md
+++ b/api/class/index.md
@@ -32,6 +32,7 @@ Annotation has the following main classes:
- [Rectangle](/api/class/annotation/rectangle.md)
+- [Redaction](/api/class/annotation/redaction.md)
- [Ellipse](/api/class/annotation/ellipse.md)
- [Polygon](/api/class/annotation/polygon.md)
- [Polyline](/api/class/annotation/polyline.md)
diff --git a/api/enumeration-type/enumconvertmode.md b/api/enumeration-type/enumconvertmode.md
index d4986f3..685e52b 100644
--- a/api/enumeration-type/enumconvertmode.md
+++ b/api/enumeration-type/enumconvertmode.md
@@ -12,10 +12,15 @@ permalink: /api/enumeration-type/enumconvertmode.html
# EnumConvertMode
+This enumeration defines how the PDF is loaded. It affects whether PDF elements like text layers are loaded and the image for display and saving.
+
```typescript
enum EnumConvertMode {
+ /** Render the pages. */
CM_RENDERALL = "cm/renderall",
+ /** Extract the images. */
CM_IMAGEONLY = "cm/imageonly",
+ /** Automatically decide which mode to use based on whether there is only one image object in the page */
CM_AUTO = "cm/auto",
}
```
diff --git a/api/errorlist.md b/api/errorlist.md
index a31e803..e8b7a3c 100644
--- a/api/errorlist.md
+++ b/api/errorlist.md
@@ -83,6 +83,12 @@ permalink: /api/errorlist.html
-80320 | Unknown annotation or incomplete annotation cannot be selected.
-80321 | Flattened annotation cannot be selected.
-80322 | No results found.
+ -80323 | The redaction annotation has already been applied.
+ -80324 | The specified annotation(s) contain annotations other than redaction annotations.
+ -80325 | The specified page does not contain redaction annotations.
+ -80326 | The annotation has already been deleted.
+ -80327 | The specified annotation(s) are not on the specified page or do not exist.
+ -80328 | Rectangle-type redaction requires exactly one rect.
## Camera Releated Errors
diff --git a/api/index.md b/api/index.md
index 35c8c64..58976b3 100644
--- a/api/index.md
+++ b/api/index.md
@@ -33,6 +33,7 @@ permalink: /api/index.html
- Annotation
- [Rectangle]({{ site.api }}class/annotation/rectangle.html)
+ - [Redaction](/api/class/annotation/redaction.md)
- [Ellipse]({{ site.api }}class/annotation/ellipse.html)
- [Polygon]({{ site.api }}class/annotation/polygon.html)
- [Polyline]({{ site.api }}class/annotation/polyline.html)
@@ -89,6 +90,7 @@ permalink: /api/index.html
- [`HighlightAnnotationOptions`](/api/interface/annotationinterface/highlightannotationoptions.md)
- [`UnderlineAnnotationOptions`](/api/interface/annotationinterface/underlineannotationoptions.md)
- [`StrikeoutAnnotationOptions`](/api/interface/annotationinterface/strikeoutannotationoptions.md)
+ - [`RedactionAnnotationOptions`](/api/interface/annotationinterface/redactionannotationoptions.md)
- [`Flags`]({{ site.api }}interface/annotationinterface/flags.html)
- [`Point`]({{ site.api }}interface/annotationinterface/point.html)
- [`TextContent`]({{ site.api }}interface/annotationinterface/textcontent.html)
@@ -104,6 +106,7 @@ permalink: /api/index.html
- [`HighlightStyle`](/api/interface/annotationinterface/highlightstyle.md)
- [`UnderlineStyle`](/api/interface/annotationinterface/underlinestyle.md)
- [`StrikeoutStyle`](/api/interface/annotationinterface/strikeoutstyle.md)
+ - [`RedactionStyle`](/api/interface/annotationinterface/rectanglestyle.md)
- [`ToolbarConfig`]({{ site.api }}interface/annotationinterface/toolbarconfig.html)
- [`PaletteConfig`]({{ site.api }}interface/annotationinterface/paletteconfig.html)
- [`AnnotationToolbarButton`]({{ site.api }}interface/annotationinterface/annotationtoolbarbutton.html)
diff --git a/api/interface/annotationinterface/flags.md b/api/interface/annotationinterface/flags.md
index 7658e31..e03ceb9 100644
--- a/api/interface/annotationinterface/flags.md
+++ b/api/interface/annotationinterface/flags.md
@@ -45,6 +45,7 @@ For the following annotations, it is not effective and the default value is `tru
* [`Highlight`](/api/class/annotation/highlight.md)
* [`Strikeout`](/api/class/annotation/strikeout.md)
* [`Underline`](/api/class/annotation/underline.md)
+* [`Redaction`](/api/class/annotation/redaction.md) (text-type)
### noView
@@ -79,6 +80,7 @@ For the following annotations, it is not effective and the default value is `tru
* [`Highlight`](/api/class/annotation/highlight.md)
* [`Strikeout`](/api/class/annotation/strikeout.md)
* [`Underline`](/api/class/annotation/underline.md)
+* [`Redaction`](/api/class/annotation/redaction.md)
### readOnly
@@ -98,4 +100,5 @@ Not to allow a user to interact with the annotation, default value: `false`.
- [`StampAnnotationOptions`]({{ site.api }}interface/annotationinterface/stampannotationoptions.html)
- [`HighlightAnnotationOptions`](/api/interface/annotationinterface/highlightannotationoptions.md)
- [`UnderlineAnnotationOptions`](/api/interface/annotationinterface/underlineannotationoptions.md)
-- [`StrikeoutAnnotationOptions`](/api/interface/annotationinterface/strikeoutannotationoptions.md)
\ No newline at end of file
+- [`StrikeoutAnnotationOptions`](/api/interface/annotationinterface/strikeoutannotationoptions.md)
+- [`RedactionAnnotationOptions`](/api/interface/annotationinterface/redactionannotationoptions.md)
diff --git a/api/interface/annotationinterface/index.md b/api/interface/annotationinterface/index.md
index b17815f..9b0e965 100644
--- a/api/interface/annotationinterface/index.md
+++ b/api/interface/annotationinterface/index.md
@@ -15,6 +15,7 @@ permalink: /api/interface/annotationinterface/index.html
## Options
- [`RectAnnotationOptions`](/api/interface/annotationinterface/rectannotationoptions.md)
+- [`RedactionAnnotationOptions`](/api/interface/annotationinterface/redactionannotationoptions.md)
- [`EllipseAnnotationOptions`](/api/interface/annotationinterface/ellipseannotationoptions.md)
- [`PolygonAnnotationOptions`](/api/interface/annotationinterface/polygonannotationoptions.md)
- [`PolylineAnnotationOptions`](/api/interface/annotationinterface/polylineannotationoptions.md)
@@ -30,6 +31,7 @@ permalink: /api/interface/annotationinterface/index.html
## Styles
- [`RectangleStyle`](/api/interface/annotationinterface/rectanglestyle.md)
+- [`RedactionStyle`](/api/interface/annotationinterface/redactionstyle.md)
- [`EllipseStyle`](/api/interface/annotationinterface/ellipsestyle.md)
- [`PolygonStyle`](/api/interface/annotationinterface/polygonstyle.md)
- [`PolylineStyle`](/api/interface/annotationinterface/polylinestyle.md)
diff --git a/api/interface/annotationinterface/paletteconfig.md b/api/interface/annotationinterface/paletteconfig.md
index 203f94d..bca1abd 100644
--- a/api/interface/annotationinterface/paletteconfig.md
+++ b/api/interface/annotationinterface/paletteconfig.md
@@ -29,7 +29,7 @@ interface PaletteConfig {
style?: string;
standardBusiness?: string;
}
- }
+}
```
## Attributes
diff --git a/api/interface/annotationinterface/redactionannotationoptions.md b/api/interface/annotationinterface/redactionannotationoptions.md
new file mode 100644
index 0000000..72a6d62
--- /dev/null
+++ b/api/interface/annotationinterface/redactionannotationoptions.md
@@ -0,0 +1,119 @@
+---
+layout: default-layout
+needAutoGenerateSidebar: true
+needGenerateH3Content: true
+noTitleIndex: true
+title: Dynamsoft Document Viewer API Reference - Interface RedactionAnnotationOptions
+keywords: Documentation, Dynamsoft Document Viewer, API Reference, Interface RedactionAnnotationOptions
+breadcrumbText: Interface RedactionAnnotationOptions
+description: Dynamsoft Document Viewer Documentation API Reference Interface RedactionAnnotationOptions Page
+---
+
+# RedactionAnnotationOptions
+
+## Syntax
+
+```typescript
+interface RedactionAnnotationOptions {
+ redactionType?: "rectangle" | "text";
+ rects?: RectXY[];
+ background?: string;
+ borderColor?: string;
+ overlayBackground?: string;
+ overlayText?: {
+ text: string;
+ color?: string;
+ textAlign?: "left" | "center" | "right";
+ fontSize?: number;
+ fontFamily?: string;
+ repeatText?: boolean;
+ autoFontSize?: boolean;
+ };
+ flags?: Flags;
+}
+```
+
+## Attributes
+
+### redactionType
+
+The type of the redaction. It can be `text` or `rectangle`. This affects the interaction behavior.
+
+If the type is `text`, the annotation can be adjusted according to the text.
+
+
+
+If the type is `rectangle`, the annotation can be adjusted as a rectangle.
+
+
+
+If the type is not specified when creation, it will be inferred based on the size of `rects`. If the size is 1, the type is `rectangle`. Otherwise, the type is `text`.
+
+### rects
+
+An array of rectangles marking where to put the annotations.
+
+Please refer to [`RectXY`](/api/interface/rectxy.md).
+
+### background
+
+The background style of annotation.
+
+Default value: `''`, it means no fill.
+
+**Example**
+
+```typescript
+background: "rgb(255,255,255)",
+```
+
+### borderColor
+
+The border color of annotation.
+
+Default value: `rgb(255,0,0)`
+
+**Example**
+
+```typescript
+borderColor: "rgb(255,0,0)",
+```
+
+### overlayBackground
+
+The background of the annotation after being applied.
+
+Default value: `rgb(0,0,0)`
+
+### overlayText
+
+The text to display after being applied. It is an object for configuration. The following is the default options.
+
+```ts
+{
+ text: "", // text
+ color: "rgb(255,0,0)", // text color
+ textAlign: "left", // text alignment: left, center, right
+ fontSize: 16, // font size
+ fontFamily: "Helvetica", // font family name
+ repeatText: false, // repeat the text to fill the marked area
+ autoFontSize: false, // fit the text to the marked area
+}
+```
+
+### opacity
+
+The opacity of the whole annotation. The value range is [0,1], value which is greater than 1 will default to 1.
+
+Default value: 1
+
+### flags
+
+The flags of annotation.
+
+Please refer to [`Flags`](/api/interface/annotationinterface/flags.md).
+
+## Related
+
+- [`getOptions()`](/api/class/annotation/redaction.md#getoptions) under `Redaction` class
+- [`updateOptions()`](/api/class/annotation/redaction.md#updateoptions) under `Redaction` class
diff --git a/api/interface/annotationinterface/redactionstyle.md b/api/interface/annotationinterface/redactionstyle.md
new file mode 100644
index 0000000..0c14e49
--- /dev/null
+++ b/api/interface/annotationinterface/redactionstyle.md
@@ -0,0 +1,85 @@
+---
+layout: default-layout
+needAutoGenerateSidebar: true
+needGenerateH3Content: true
+noTitleIndex: true
+title: Dynamsoft Document Viewer API Reference - Interface RedactionStyle
+keywords: Documentation, Dynamsoft Document Viewer, API Reference, Interface RedactionStyle
+breadcrumbText: Interface RedactionStyle
+description: Dynamsoft Document Viewer Documentation API Reference Interface RedactionStyle Page
+---
+
+# RedactionStyle
+
+## Syntax
+
+```typescript
+interface RedactionStyle {
+ background?: string;
+ borderColor?: string;
+ overlayBackground?: string;
+ overlayText?: {
+ text: string;
+ color?: string;
+ textAlign?: "left" | "center" | "right";
+ fontSize?: number;
+ fontFamily?: string;
+ repeatText?: boolean;
+ autoFontSize?: boolean;
+ };
+}
+```
+
+## Attributes
+
+### background
+
+The background style of annotation.
+
+Default value: `''`, it means no fill.
+
+**Example**
+
+```typescript
+background: "rgb(255,255,255)",
+```
+
+### borderColor
+
+The border color of annotation.
+
+Default value: `rgb(255,0,0)`
+
+**Example**
+
+```typescript
+borderColor: "rgb(255,0,0)",
+```
+
+### overlayBackground
+
+The background of the annotation after being applied.
+
+Default value: `rgb(0,0,0)`
+
+### overlayText
+
+The text to display after being applied. It is an object for configuration. The following is the default options.
+
+```ts
+{
+ text: "", // text
+ color: "rgb(255,0,0)", // text color
+ textAlign: "left", // text alignment: left, center, right
+ fontSize: 16, // font size
+ fontFamily: "Helvetica", // font family name
+ repeatText: false, // repeat the text to fill the marked area
+ autoFontSize: false, // fit the text to the marked area
+}
+```
+
+### opacity
+
+The opacity of the whole annotation. The value range is [0,1], value which is greater than 1 will default to 1.
+
+Default value: 1
diff --git a/api/interface/annotationinterface/toolbarconfig.md b/api/interface/annotationinterface/toolbarconfig.md
index 788dbf3..249b9a6 100644
--- a/api/interface/annotationinterface/toolbarconfig.md
+++ b/api/interface/annotationinterface/toolbarconfig.md
@@ -26,6 +26,7 @@ interface ToolbarConfig {
highlightButton?: AnnotationToolbarButton;
underlineButton?: AnnotationToolbarButton;
strikeoutButton?: AnnotationToolbarButton;
+ redactionApplyButton?: AnnotationToolbarButton;
}
```
@@ -73,6 +74,10 @@ The configuration of underline button in the toolbar. Please refer to [`Annotati
The configuration of strikeout button in the toolbar. Please refer to [`AnnotationToolbarButton`]({{ site.api }}interface/annotationinterface/annotationtoolbarbutton.html).
+### redactionApplyButton
+
+The configuration of redaction application button in the toolbar. Please refer to [`AnnotationToolbarButton`](/api/interface/annotationinterface/annotationtoolbarbutton.md).
+
## Related
- [`EditViewerConstructorOptions`]({{ site.api }}interface/editviewerconstructoroptions.html)
\ No newline at end of file
diff --git a/api/interface/displaytextconfig.md b/api/interface/displaytextconfig.md
index 573b8f7..1050a1b 100644
--- a/api/interface/displaytextconfig.md
+++ b/api/interface/displaytextconfig.md
@@ -103,6 +103,17 @@ interface DisplayTextConfig {
SendToBack?: string;
TextSearchPanelSwitch?: string;
TextSelectionMode?: string;
+ RedactPages?: string;
+ RedactionApply?: string;
+ RedactionMode?: string;
+ RedactionSet?: string;
+ RedactionSet_RedactionMode?: string;
+ RedactionSet_RedactionApply?: string;
+ RedactionSet_RedactPages?: string;
+ RedactPages_Current?: string;
+ RedactPages_Specific?: string;
+ RedactPages_Ok?: string;
+ RedactPages_Cancel?: string;
}
```
@@ -131,6 +142,13 @@ interface DisplayTextConfig {
CameraResolution_1440P | "1440P"
CameraResolution_2160P | "2160P"
AnnotationSet | "Annotation"
+ RedactionSet_RedactionMode | "Mark Areas for Redaction"
+ RedactionSet_RedactPages | "Mark Pages for Redaction"
+ RedactionSet_RedactionApply | "Apply Redactions"
+ RedactPages_Current | "Mark current page for redaction"
+ RedactPages_Specific | "Mark specific page range for redaction"
+ RedactPages_Ok | "OK"
+ RedactPages_Cancel | "Cancel"
## Related
diff --git a/api/interface/idocument/index.md b/api/interface/idocument/index.md
index a41543d..99c8798 100644
--- a/api/interface/idocument/index.md
+++ b/api/interface/idocument/index.md
@@ -140,7 +140,7 @@ loadSource(sources: Source | PdfSource | (Source | PdfSource)[], index?: number)
`fileData`: The blob of the file to be loaded.
-`sources`: The target files, it could be a file or a file array. Please refer to [`Source`]({{ site.api }}interface/idocument/source.html). `Source` can be extended to [`PdfSource`]({{ site.api }}interface/idocument/pdfsource.html).
+`sources`: The target files, it could be a file or a file array. Please refer to [`Source`](/api/interface/idocument/source.md). `Source` can be extended to [`PdfSource`](/api/interface/idocument/pdfsource.md).
`index`: The position in the document where the file(s) will be loaded to. If not set or out of the maximum range, the loaded file(s) will be added from the end of the document.
diff --git a/api/interface/idocument/pdfsource.md b/api/interface/idocument/pdfsource.md
index 85560b9..5e0a24d 100644
--- a/api/interface/idocument/pdfsource.md
+++ b/api/interface/idocument/pdfsource.md
@@ -36,10 +36,12 @@ interface PdfSource extends Source {
### convertMode
-Specify PDF convert mode. Please refer to [`EnumConvertMode`]({{ site.api }}enumeration-type/enumconvertmode.html).
+Specify PDF convert mode. It affects whether PDF elements like text layers are loaded and the image for display and saving. Please refer to [`EnumConvertMode`](/api/enumeration-type/enumconvertmode.md).
Default value: `Dynamsoft.DDV.EnumConvertMode.CM_AUTO`
+Related to the `renderOptions` attribute if the actual mode is rendering.
+
### password
If a password is required to open the PDF, please set it here.
@@ -58,7 +60,9 @@ Default value: `Dynamsoft.DDV.EnumAnnotationRenderMode.NO_ANNOTATIONS`
#### resolution
-PDF DPI. Only affects rasterized text. Does not affect images which are extracted from the PDF file.
+PDF DPI. Only effective when the actual `convertMode` is rendering.
+
+Since v4.0 has added high-fidelity rendering, it does not affect the image displayed and only affects the image saved using methods like [`saveToJpeg()`](/api/interface/idocument/index.md#savetojpeg).
Default value: 200
diff --git a/api/interface/infoobject.md b/api/interface/infoobject.md
index 40d11ad..8c1940b 100644
--- a/api/interface/infoobject.md
+++ b/api/interface/infoobject.md
@@ -7,7 +7,6 @@ title: Dynamsoft Document Viewer API Reference - Interface InfoOjbect
keywords: Documentation, Dynamsoft Document Viewer, API Reference, Interface InfoObject
breadcrumbText: Interface InfoObject
description: Dynamsoft Document Viewer Documentation API Reference Interface InfoObject Page
-permalink: /api/interface/infoobject.html
---
# InfoObject
@@ -19,14 +18,18 @@ interface LoadWasmInfo {}
interface LoadSourceInfo {
docUid: string;
- current: number;
+ /** Number of documents processed so far */
+ processed: number;
+ /** Total number of documents to process */
total: number;
}
interface SaveSourceInfo {
docUid: string;
pageUids: [];
- current: number;
+ /** Number of pages processed so far */
+ processed: number;
+ /** Total number of pages to process */
total: number;
}
@@ -40,6 +43,14 @@ interface PerspectiveInfo {
perspectiveQuad: Quad;
}
+interface PrintPreparationInfo {
+ docUid: string;
+ /** Number of pages processed so far */
+ processed: number;
+ /** Total number of pages to process */
+ total: number;
+}
+
interface InfoDetailsMap {
init: InitInfo;
loadSource: LoadSourceInfo;
@@ -47,6 +58,7 @@ interface InfoDetailsMap {
filter: FilterInfo;
perspective: PerspectiveInfo;
loadWasm: LoadWasmInfo;
+ printPreparation: PrintPreparationInfo;
}
type InfoStatus =
@@ -82,6 +94,7 @@ Indicates the task type of the event. Must be one of the following events, in on
| `filter` | ✓ | | ✓ | ✓ |
| `perspective` | ✓ | | ✓ | ✓ |
| `loadWasm` | ✓ | | ✓ | ✓ |
+| `printPreparation` | ✓ |✓ | ✓ | ✓ |
### status
@@ -94,4 +107,8 @@ Indicates the status of the task. Can only be one of the following:
### details
-Contains additional event type-specific info.
\ No newline at end of file
+Contains additional event type-specific info.
+
+## See Also
+
+[`DDV.on("info")`](/api/namespace/ddv.md#info)
diff --git a/api/interface/styleinterface/annotationdrawingstyleconfig.md b/api/interface/styleinterface/annotationdrawingstyleconfig.md
index db4f3e5..ab79dbc 100644
--- a/api/interface/styleinterface/annotationdrawingstyleconfig.md
+++ b/api/interface/styleinterface/annotationdrawingstyleconfig.md
@@ -26,6 +26,7 @@ interface AnnotationDrawingStyleConfig {
highlight?: HighlightStyle;
underline?: UnderlineStyle;
strikeout?: StrikeoutStyle;
+ redaction?: RedactionStyle;
}
```
@@ -74,3 +75,7 @@ The default drawing style of the underline annotation - see [`UnderlineStyle`](/
### strikeout
The default drawing style of the strikeout annotation - see [`StrikeoutStyle`](/api/interface/annotationinterface/strikeoutstyle.md) for more details. If not set, this uses the default values of `StrikeoutStyle`.
+
+### redaction
+
+The default drawing style of redaction annotation - see [`RedactionStyle`](/api/interface/annotationinterface/redactionstyle.md) for more details. If not set, this uses the default values of `RedactionStyle`.
diff --git a/api/interface/tooltip.md b/api/interface/tooltip.md
index 9662c13..898794c 100644
--- a/api/interface/tooltip.md
+++ b/api/interface/tooltip.md
@@ -86,6 +86,10 @@ interface Tooltip {
SendToBack?: string;
TextSearchPanelSwitch?: string;
TextSelectionMode?: string;
+ RedactPages?: string;
+ RedactionApply?: string;
+ RedactionMode?: string;
+ RedactionSet?: string;
}
```
diff --git a/api/namespace/ddv.md b/api/namespace/ddv.md
index 3019167..2cd18b2 100644
--- a/api/namespace/ddv.md
+++ b/api/namespace/ddv.md
@@ -390,6 +390,7 @@ Triggered for any of the following tasks:
- `filter`
- `perspective`
- `loadWasm`
+- `printPreparation`
See [`InfoObject`]({{ site.api }}interface/infoobject.html) for details.
diff --git a/assets/imgs/rectangle-type-redaction.jpg b/assets/imgs/rectangle-type-redaction.jpg
new file mode 100644
index 0000000..e4ee9c4
Binary files /dev/null and b/assets/imgs/rectangle-type-redaction.jpg differ
diff --git a/assets/imgs/text-type-redaction.jpg b/assets/imgs/text-type-redaction.jpg
new file mode 100644
index 0000000..c934a2c
Binary files /dev/null and b/assets/imgs/text-type-redaction.jpg differ
diff --git a/features/datamanagement/annotmanagement.md b/features/datamanagement/annotmanagement.md
index 22d4cf3..a411495 100644
--- a/features/datamanagement/annotmanagement.md
+++ b/features/datamanagement/annotmanagement.md
@@ -33,6 +33,7 @@ Up to now, the annotation types supported by DDV are as follows:
- [Highlight]({{ site.api }}class/annotation/highlight.html)
- [Underline]({{ site.api }}class/annotation/underline.html)
- [Strikeout]({{ site.api }}class/annotation/strikeout.html)
+- [Redaction](/api/class/annotation/redaction.md)
### Create a specified type annotation instance
@@ -274,3 +275,32 @@ In the same page, annotations maintain a hierarchical relationship with each oth
```typescript
Dynamsoft.DDV.annotationManager.sendAnnotationToBack(rect.uid);
```
+
+## Redaction
+
+A redaction annotation identifies content that is intended to be removed from the document. Redaction involves two processes:
+
+* Content identification. A user creates redact annotations that specify the pieces or regions of content that should be removed. Up until the next step is performed, the user can see, move and redefine these annotations.
+* Content removal. The user instructs the viewer application to apply the redact annotations, after which the content in the area specified by the redact annotations is removed. In the removed content's place, some marking appears to indicate the area has been redacted. Also, the redact annotations are removed from the PDF document.
+
+1. Create redaction annotations by searching text.
+
+ ```js
+ const searcher = editViewer.currentDocument.createTextSearcher("content to redact",{caseSensitive:false});
+ const results = await searcher.getResults(0); //search the results on the first page
+ for (const result of results) {
+ Dynamsoft.DDV.annotationManager.createAnnotation(
+ editViewer.getCurrentPageUid(),
+ "redaction",
+ { "rects": result.rects }
+ );
+ }
+ ```
+
+ In Dynamsoft Document Viewer, there are two types of redaction annotation: text and rectangle. Text-type redaction annotation can be created by selecting text and can have multiple rectangles in `rects`. Rectangle redaction can only have one rectangle in `rects` and can be adjusted freely.
+
+2. Apply the redaction annotation.
+
+ ```js
+ let success = await Dynamsoft.DDV.annotationManager.applyRedactions(editViewer.getCurrentPageUid());
+ ```
\ No newline at end of file
diff --git a/introduction/index.md b/introduction/index.md
index de7409e..f4465b7 100644
--- a/introduction/index.md
+++ b/introduction/index.md
@@ -17,6 +17,8 @@ Dynamsoft Document Viewer is a browser-based JavaScript SDK designed for viewing
Dynamsoft Document Viewer does not rely on any external third-party JavaScript library. All processing, such as rendering and editing, is securely performed within the browser. This architecture eliminates the need for a server-side backend, ensuring security compliance and scalability.
+The SDK's [redaction](/features/datamanagement/annotmanagement.md#redaction) feature goes beyond visual masking - it permanently removes the underlying data from the document. This ensures that sensitive information (PII, classified text, financial data) cannot be recovered or leaked, making it ideal for industries with strict compliance requirements like legal, healthcare, and government.
+
## Browser and Platform Compatibility
Dynamsoft Document Viewer is designed to work seamlessly across different browsers and platforms. It is compatible with major browsers like Chrome, Firefox, Safari, and Edge, ensuring a consistent user experience. Additionally, it supports various operating systems, including Windows, macOS, Linux, iOS, and Android, allowing users to access documents from any device.
@@ -36,6 +38,7 @@ Dynamsoft Document Viewer supports a variety of annotation types to enhance docu
- shape
- stamp
- freehand drawing
+- redaction
## Data Management Concepts
diff --git a/releasenotes/index.md b/releasenotes/index.md
index 1524fb6..72a623b 100644
--- a/releasenotes/index.md
+++ b/releasenotes/index.md
@@ -12,6 +12,30 @@ permalink: /releasenotes/index.html
# Release Notes
+## 4.0 (04/21/2026)
+
+### New Features
+
+* Added support for [redaction annotation](/features/datamanagement/annotmanagement.md#redaction).
+* Changed PDF rendering mode to high-fidelity rendering.
+
+### API Changes
+
+* Added redaction-related interfaces: [`Redaction`](/api/class/annotation/redaction.md), [`RedactionAnnotationOptions`](/api/interface/annotationinterface/redactionannotationoptions.md), [`RedactionStyle`](/api/interface/annotationinterface/redactionstyle.md), [`applyRedactions()`](/api/class/annotationmanager.md#applyredactions).
+* Added redaction-related UI elements.
+* Added `printPreparation` to progress info and renamed attribute `current` to `processed` for `LoadSourceInfo` and `SaveSourceInfo`. See [`InfoObject`](/api/interface/infoobject.md).
+
+### Improvements
+
+Updated third-party libraries to enhance security.
+
+### Bug Fixes
+
+* Fixed loading of interlaced PNGs.
+* Fixed loading of some non-standard PDFs with redundant trailing data.
+
+
+
## 3.2.1 (03/10/2026)
Updated third-party libraries to enhance security.
diff --git a/ui/default_elements.md b/ui/default_elements.md
index 5427521..74d8b2e 100644
--- a/ui/default_elements.md
+++ b/ui/default_elements.md
@@ -62,28 +62,33 @@ The following are lists of built-in elements as well as their default icons that
| Dynamsoft.DDV.Elements.TextSearchPanelSwitch | ddv-search-switch | |
| Dynamsoft.DDV.Elements.TextSearchPanel | N/A | |
-|Annotation-related Elements | className of its default icon |
-| ----------------------------------------------- | ----------------------------- |
-| Dynamsoft.DDV.Elements.AnnotationSet | ddv-annotation-mode |
-| Dynamsoft.DDV.Elements.RectAnnotation | ddv-rect |
-| Dynamsoft.DDV.Elements.EllipseAnnotation | ddv-ellipse |
-| Dynamsoft.DDV.Elements.PolygonAnnotation | ddv-polygon |
-| Dynamsoft.DDV.Elements.PolylineAnnotation | ddv-polyline |
-| Dynamsoft.DDV.Elements.LineAnnotation | ddv-line |
-| Dynamsoft.DDV.Elements.InkAnnotation | ddv-ink |
-| Dynamsoft.DDV.Elements.TextBoxAnnotation | ddv-text-box |
-| Dynamsoft.DDV.Elements.TextTypewriterAnnotation | ddv-typewriter |
-| Dynamsoft.DDV.Elements.StampIconAnnotation | ddv-stamp-icon |
-| Dynamsoft.DDV.Elements.StampImageAnnotation | ddv-stamp-image |
-| Dynamsoft.DDV.Elements.HighlightAnnotation | ddv-highlight-mode |
-| Dynamsoft.DDV.Elements.UnderlineAnnotation | ddv-underline-mode |
-| Dynamsoft.DDV.Elements.StrikeoutAnnotation | ddv-strikeout-mode |
-| Dynamsoft.DDV.Elements.SelectAnnotation | ddv-annot-select |
-| Dynamsoft.DDV.Elements.EraseAnnotation | ddv-annot-eraser |
-| Dynamsoft.DDV.Elements.BringForward | ddv-bring-forward |
-| Dynamsoft.DDV.Elements.BringToFront | ddv-bring-to-front |
-| Dynamsoft.DDV.Elements.SendBackward | ddv-send-backward |
-| Dynamsoft.DDV.Elements.SendToBack | ddv-send-to-back |
+
+|Annotation-related Elements | className of its default icon | More descriptions |
+| ----------------------------------------------- | ----------------------------- |--------------------|
+| Dynamsoft.DDV.Elements.AnnotationSet | ddv-annotation-mode | Show the annotation pulldown |
+| Dynamsoft.DDV.Elements.RectAnnotation | ddv-rect | Set the annotation mode to rectangle |
+| Dynamsoft.DDV.Elements.EllipseAnnotation | ddv-ellipse | Set the annotation mode to ellipse |
+| Dynamsoft.DDV.Elements.PolygonAnnotation | ddv-polygon | Set the annotation mode to polygon |
+| Dynamsoft.DDV.Elements.PolylineAnnotation | ddv-polyline | Set the annotation mode to polyline |
+| Dynamsoft.DDV.Elements.LineAnnotation | ddv-line | Set the annotation mode to line |
+| Dynamsoft.DDV.Elements.InkAnnotation | ddv-ink | Set the annotation mode to ink |
+| Dynamsoft.DDV.Elements.TextBoxAnnotation | ddv-text-box | Set the annotation mode to textBox |
+| Dynamsoft.DDV.Elements.TextTypewriterAnnotation | ddv-typewriter | Set the annotation mode to textTypewriter |
+| Dynamsoft.DDV.Elements.StampIconAnnotation | ddv-stamp-icon | Set the annotation mode to stamp and use built-in stamps |
+| Dynamsoft.DDV.Elements.StampImageAnnotation | ddv-stamp-image | Set the annotation mode to stamp and use external images |
+| Dynamsoft.DDV.Elements.HighlightAnnotation | ddv-highlight-mode | Set the annotation mode to highlight |
+| Dynamsoft.DDV.Elements.UnderlineAnnotation | ddv-underline-mode | Set the annotation mode to underline |
+| Dynamsoft.DDV.Elements.StrikeoutAnnotation | ddv-strikeout-mode | Set the annotation mode to strikeout |
+| Dynamsoft.DDV.Elements.SelectAnnotation | ddv-annot-select | Set the annotation mode to select |
+| Dynamsoft.DDV.Elements.EraseAnnotation | ddv-annot-eraser | Set the annotation mode to erase |
+| Dynamsoft.DDV.Elements.BringForward | ddv-bring-forward | Bring the selected annotations forward by one level |
+| Dynamsoft.DDV.Elements.BringToFront | ddv-bring-to-front | Bring the selected annotations to the front |
+| Dynamsoft.DDV.Elements.SendBackward | ddv-send-backward | Bring the selected annotations backward by one level |
+| Dynamsoft.DDV.Elements.SendToBack | ddv-send-to-back | Bring the selected annotations to the back |
+| Dynamsoft.DDV.Elements.RedactionSet | ddv-redaction-set-box | Bring up the redaction pulldown |
+| Dynamsoft.DDV.Elements.RedactionMode | ddv-redaction-mode | Set the tool mode to redaction |
+| Dynamsoft.DDV.Elements.RedactPages | ddv-redact-pages | Invoke a dialog to mark pages for redaction |
+| Dynamsoft.DDV.Elements.RedactionApply | ddv-redaction-apply | Apply redactions for all pages |