1038023: Annotations Revamp in Vue PDF Viewer by SF4524LogeshKumar · Pull Request #4200 · syncfusion-content/document-processing-docs

SF4524LogeshKumar · 2026-08-07T07:16:21Z

Description:

Updated Annotations Revamp in Vue PDF Viewer

SyncfusionBuild · 2026-08-07T07:17:21Z

Build Status: INPROGRESS 🔃
Build Location: 1038023-annotationsVue

SyncfusionBuild · 2026-08-07T07:22:22Z

CI Status: FAILURE ❌
Source Compilation: SUCCESS ✅
Failure Reason: CI Failure with violation
Build Location: 1038023-annotationsVue
Image Alt Text Error(s): 0
Image Size Error(s): 15
Image Name Error(s): 0
Front matter Error(s): 38
File Path Error(s): 2
CodeSnippet File Path Missing Error(s): 0
Toc Anchor Tags Validation Error(s): 0
MD Tag Validation Error(s): 0

SyncfusionBuild · 2026-08-12T07:29:38Z

Build Status: INPROGRESS 🔃
Build Location: 1038023-annotationsVue

SyncfusionBuild · 2026-08-12T07:38:42Z

The running CI Job is terminated due to changes committed on the source branch for this Merge Request and CI triggered for latest commit.

SyncfusionBuild · 2026-08-12T07:38:49Z

CI Status: ABORTED ❌
Source Compilation: FAILURE ❌
Build Location: 1038023-annotationsVue

SyncfusionBuild · 2026-08-12T07:39:34Z

Build Status: INPROGRESS 🔃
Build Location: 1038023-annotationsVue

SyncfusionBuild · 2026-08-12T07:45:24Z

CI Status: FAILURE ❌
Source Compilation: SUCCESS ✅
Failure Reason: CI Failure with violation
Build Location: 1038023-annotationsVue
Image Alt Text Error(s): 0
Image Size Error(s): 16
Image Name Error(s): 0
Front matter Error(s): 40
File Path Error(s): 2
CodeSnippet File Path Missing Error(s): 0
Toc Anchor Tags Validation Error(s): 0
MD Tag Validation Error(s): 0

SyncfusionBuild · 2026-08-12T09:15:41Z

Build Status: INPROGRESS 🔃
Build Location: 1038023-annotationsVue

SyncfusionBuild · 2026-08-12T09:42:25Z

CI Status: FAILURE ❌
Source Compilation: SUCCESS ✅
Failure Reason: CI Failure with violation
Build Location: 1038023-annotationsVue
Image Alt Text Error(s): 0
Image Size Error(s): 16
Image Name Error(s): 0
Front matter Error(s): 0
File Path Error(s): 2
CodeSnippet File Path Missing Error(s): 0
Toc Anchor Tags Validation Error(s): 0
MD Tag Validation Error(s): 0

SyncfusionBuild · 2026-08-12T11:35:14Z

Build Status: INPROGRESS 🔃
Build Location: 1038023-annotationsVue

SyncfusionBuild · 2026-08-12T11:40:14Z

CI Status: FAILURE ❌
Source Compilation: SUCCESS ✅
Failure Reason: CI Failure with violation
Build Location: 1038023-annotationsVue
Image Alt Text Error(s): 0
Image Size Error(s): 16
Image Name Error(s): 0
Front matter Error(s): 0
File Path Error(s): 2
CodeSnippet File Path Missing Error(s): 0
Toc Anchor Tags Validation Error(s): 0
MD Tag Validation Error(s): 0

SyncfusionBuild · 2026-08-14T06:31:39Z

Build Status: INPROGRESS 🔃
Build Location: 1038023-annotationsVue

SyncfusionBuild · 2026-08-14T06:37:31Z

CI Status: SUCCESS ✅
Source Compilation: SUCCESS ✅
Build Location: 1038023-annotationsVue
Image Alt Text Error(s): 0
Image Size Error(s): 0
Image Name Error(s): 0
Front matter Error(s): 0
File Path Error(s): 0
CodeSnippet File Path Missing Error(s): 0
Toc Anchor Tags Validation Error(s): 0
MD Tag Validation Error(s): 0

SyncfusionBuild · 2026-08-17T09:46:10Z

Build Status: INPROGRESS 🔃
Build Location: 1038023-annotationsVue

SyncfusionBuild · 2026-08-17T09:51:10Z

CI Status: SUCCESS ✅
Source Compilation: SUCCESS ✅
Build Location: 1038023-annotationsVue
Image Alt Text Error(s): 0
Image Size Error(s): 0
Image Name Error(s): 0
Front matter Error(s): 0
File Path Error(s): 0
CodeSnippet File Path Missing Error(s): 0
Toc Anchor Tags Validation Error(s): 0
MD Tag Validation Error(s): 0

CCMKarthik1611 · 2026-08-20T17:59:18Z

+![Edit color](../../images/edit_color.png)
+
+- **Edit Opacity** slider
+![Edit opacity](../../images/edit_opacity.png)


Ensure the alignment

CCMKarthik1611 · 2026-08-20T18:13:59Z

+
+- Edit the **stroke color** using the color palette in the Edit Stroke Color tool.
+
+![Change ink stroke color](../../../javascript-es6/images/ink_strokecolor.png)


Free text property is in disabled state. Change the screenshot.

CCMKarthik1611 · 2026-08-20T18:14:21Z

+
+- Edit **thickness** using the range slider in the Edit Thickness tool.
+
+![Change ink thickness](../../../javascript-es6/images/ink_thickness.png)


Free text properties are in disabled state. Change the screenshot.

CCMKarthik1611 · 2026-08-20T18:14:27Z

+
+- Edit **opacity** using the range slider in the Edit Opacity tool.
+
+![Change ink opacity](../../../javascript-es6/images/ink_opacity.png)


Free text properties are in disabled state. Change the screenshot.

CCMKarthik1611 · 2026-08-20T18:34:24Z

@@ -0,0 +1,332 @@
+---
+layout: post
+title: PDF Redaction in Vue PDF Viewer | Syncfusion


Change to Redaction Annotation in Vue PDF Viewer | Syncfusion

CCMKarthik1611 · 2026-08-20T18:35:39Z

+domainurl: ##DomainURL##
+---
+
+# PDF Redaction in Vue PDF Viewer


Change to "Redaction Annotation in Vue PDF Viewer

CCMKarthik1611 · 2026-08-20T18:39:08Z

+
+# Stamp Annotation in Vue PDF Viewer
+
+Stamp annotations display predefined or custom stamps in PDF documents. The Vue PDF Viewer supports several stamp types: **Sign Here**, **Witness**, **Approved**, **AsIs**, **Expired**, **NotApproved**, **NotForPublicRelease**, **Confidential**, **TopSecret**, **ForComment**, **Recommended**, and **Custom stamps**.


Ensure the stamp types in the stamp toolbar and update it accordingly

CCMKarthik1611 · 2026-08-20T18:43:30Z

+{% endhighlight %}
+{% endtabs %}
+
+N> Supported image format for custom stamps: **JPEG**. Only the base64-encoded image source is supported; local file paths are not supported.


We have the support for - JPEG, JPG and PNG image formats

CCMKarthik1611 · 2026-08-20T18:58:26Z

+- Edit thickness: adjusts border or line thickness
+![Edit thickness](../images/shape_thickness.png)
+- Edit opacity: adjusts transparency
+![Edit opacity](../images/shape_opacity.png)


Image alignment is not proper

SF4524LogeshKumar added 2 commits August 12, 2026 12:28

1038023: Annotations Revamp in Vue PDF Viewer

6126853

1038023: Updated Annotations TOC and Comments in Vue PDF Viewer

2ce295d

SF4524LogeshKumar force-pushed the 1038023-annotationsVue branch from b67688e to 2ce295d Compare August 12, 2026 07:28

1038023: Resolved CI Failures

91dee70

1038023: Resolved CI failures

63e912d

Merge branch 'development' into 1038023-annotationsVue

6837584

1038023: Resolved CI Failures

13a07db

1038023: Annotations in Vue checked with AI agents

760b582

CCMKarthik1611 requested changes Aug 20, 2026

View reviewed changes


		- Edit the stroke color using the color palette in the Edit Stroke Color tool.

		![Change ink stroke color](../../../javascript-es6/images/ink_strokecolor.png)


		- Edit thickness using the range slider in the Edit Thickness tool.

		![Change ink thickness](../../../javascript-es6/images/ink_thickness.png)


		- Edit opacity using the range slider in the Edit Opacity tool.

		![Change ink opacity](../../../javascript-es6/images/ink_opacity.png)


		# Stamp Annotation in Vue PDF Viewer

		Stamp annotations display predefined or custom stamps in PDF documents. The Vue PDF Viewer supports several stamp types: Sign Here, Witness, Approved, AsIs, Expired, NotApproved, NotForPublicRelease, Confidential, TopSecret, ForComment, Recommended, and Custom stamps.

Uh oh!

Conversation

SF4524LogeshKumar commented Aug 7, 2026

Description:

Uh oh!

SyncfusionBuild commented Aug 7, 2026

Uh oh!

SyncfusionBuild commented Aug 7, 2026

Uh oh!

SyncfusionBuild commented Aug 12, 2026

Uh oh!

SyncfusionBuild commented Aug 12, 2026

Uh oh!

SyncfusionBuild commented Aug 12, 2026

Uh oh!

SyncfusionBuild commented Aug 12, 2026

Uh oh!

SyncfusionBuild commented Aug 12, 2026

Uh oh!

SyncfusionBuild commented Aug 12, 2026

Uh oh!

SyncfusionBuild commented Aug 12, 2026

Uh oh!

SyncfusionBuild commented Aug 12, 2026

Uh oh!

SyncfusionBuild commented Aug 12, 2026

Uh oh!

SyncfusionBuild commented Aug 14, 2026

Uh oh!

SyncfusionBuild commented Aug 14, 2026

Uh oh!

SyncfusionBuild commented Aug 17, 2026

Uh oh!

SyncfusionBuild commented Aug 17, 2026

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants