# Document Viewer: Uploading Signatures

> The document viewer that is part of TX Text Control .NET Server provides a feature to deploy forms and documents to collect electronic signatures from users. This article shows how signature images can be uploaded instead of using the signature soft-pad to draw the signature.

- **Author:** Bjoern Meyer
- **Published:** 2022-02-24
- **Modified:** 2025-11-16
- **Description:** The document viewer that is part of TX Text Control .NET Server provides a feature to deploy forms and documents to collect electronic signatures from users. This article shows how signature images can be uploaded instead of using the signature soft-pad to draw the signature.
- **3 min read** (476 words)
- **Tags:**
  - Angular
  - ASP.NET
  - ASP.NET Core
  - DS Server
  - Electronic Signature
- **Web URL:** https://www.textcontrol.com/blog/2022/02/24/document-viewer-uploading-signatures/
- **LLMs URL:** https://www.textcontrol.com/blog/2022/02/24/document-viewer-uploading-signatures/llms.txt
- **LLMs-Full URL:** https://www.textcontrol.com/blog/2022/02/24/document-viewer-uploading-signatures/llms-full.txt

---

The document viewer, part of [TX Text Control .NET Server](https://www.textcontrol.com/product/tx-text-control-dotnet-server/), that is available for ASP.NET, ASP.NET Core, Angular, JavaScript and React provides a feature to deploy forms and documents to collect electronic signatures from users. By using the viewer, documents with signature boxes can be loaded to retrieve electronic signatures from users that can be applied to PDF documents.

### Legal Requirements

To qualify as an enforceable electronic signature, the signer's intent to execute the agreement must be recorded. Technically, this can be achieved by requiring signers to type their name or to draw their signature using the mouse or touchscreen.

> **Electronic Signature Legality Guide**
> 
> Electronic signatures are widely recognized as legally binding in the world. Learn more about the legality and technical requirements to implement a legally binding electronic signature infrastructure.
> 
> [Legality Guide](https://www.textcontrol.com/blog/2021/03/10/electronic-signature-legality-guide/llms-full.txt)

### Signature Soft-Pad

The signature soft-pad has been designed to work with any desktop or mobile device to provide full flexibility in your document processing workflows. Signatures are simplified with an efficient line smoothing algorithm. Lines are captured as vectors, stored in arrays and finally de-noised and simplified in a post-process. This produces pixel-perfect signature images when using the mouse or a finger on a touch screen.

![Signing Documents](https://s1-www.textcontrol.com/assets/dist/blog/2022/02/24/b/assets/animation_signature.webp "Signing Documents")

### Uploading Signature Images

Another way to add the electronic signature is to upload a prepared signature image from typical image formats such as JPG or PNG. When using a mobile phone, the camera can be used to take a picture of a signature that is inserted directly in the same process step.

![Signing Documents](https://s1-www.textcontrol.com/assets/dist/blog/2022/02/24/b/assets/mobile.webp "Signing Documents")

### Tweaking the Signature Image

After uploading an image, you can use the eyedropper tool to remove the background or any specific color:

![Signing Documents](https://s1-www.textcontrol.com/assets/dist/blog/2022/02/24/b/assets/animation_signature2.webp "Signing Documents")

The auto correction tool adjusts the contrast, removes the background and makes all remaining pixels blacks to provide the best guess results for a signature:

![Signing Documents](https://s1-www.textcontrol.com/assets/dist/blog/2022/02/24/b/assets/animation_signature3.webp "Signing Documents")

You can also manually increase and decrease the image contrast to remove the background in a separate process for better results:

![Signing Documents](https://s1-www.textcontrol.com/assets/dist/blog/2022/02/24/b/assets/animation_signature4.webp "Signing Documents")

After manipulating the signature image manually, you can change the color of all remaining pixels to black:

![Signing Documents](https://s1-www.textcontrol.com/assets/dist/blog/2022/02/24/b/assets/animation_signature5.webp "Signing Documents")

### Live Demo

Test all of this on your own by using our dedicated **Text Control eSign Demo**:

[Launch Demo ](https://esign.textcontrol.com)

---

## About Bjoern Meyer

As CEO, Bjoern is the visionary behind our strategic direction and business development, bridging the gap between our customers and engineering teams. His deep passion for coding and web technologies drives the creation of innovative products. If you're at a tech conference, be sure to stop by our booth - you'll most likely meet Bjoern in person. With an advanced graduate degree (Dipl. Inf.) in Computer Science, specializing in AI, from the University of Bremen, Bjoern brings significant expertise to his role. In his spare time, Bjoern enjoys running, paragliding, mountain biking, and playing the piano.

- [LinkedIn](https://www.linkedin.com/in/bjoernmeyer/)
- [X](https://x.com/txbjoern)
- [GitHub](https://github.com/bjoerntx)

---

## Related Posts

- [See Text Control at DEVintersection Fall 2022 in Las Vegas](https://www.textcontrol.com/blog/2022/11/15/see-text-control-at-devintersection-fall-2022-in-las-vegas/llms.txt)
- [JavaScript: Avoid Flickering and Visual Updates by Grouping Undo Steps](https://www.textcontrol.com/blog/2022/07/25/javascript-avoid-flickering-and-visual-updates-by-grouping-undo-steps/llms.txt)
- [Impressions from BASTA! Spring 2022](https://www.textcontrol.com/blog/2022/02/24/impressions-from-basta-spring-2022/llms.txt)
- [See Text Control at DEVintersection in Las Vegas](https://www.textcontrol.com/blog/2022/02/23/see-text-control-at-devintersection-in-las-vegas/llms.txt)
- [Creation of Custom Electronic Signature Boxes](https://www.textcontrol.com/blog/2021/06/15/creation-of-custom-electronic-signature-boxes/llms.txt)
- [Extending DS Server with Custom Digital Signature APIs](https://www.textcontrol.com/blog/2025/10/09/extending-ds-server-with-custom-digital-signature-apis/llms.txt)
- [Meet Text Control at DDC 2025 in Cologne](https://www.textcontrol.com/blog/2025/10/06/meet-text-control-at-ddc-2025-in-cologne/llms.txt)
- [Building an Ecosystem around DS Server: Join Us as a Plug-in Pioneer](https://www.textcontrol.com/blog/2025/10/02/building-an-ecosystem-around-ds-server-join-us-as-a-plug-in-pioneer/llms.txt)
- [Getting Started Video Tutorial: Using DS Server with Docker](https://www.textcontrol.com/blog/2025/07/29/getting-started-video-tutorial-using-ds-server-with-docker/llms.txt)
- [Unleash Document Automation Superpowers at NDC Oslo 2025](https://www.textcontrol.com/blog/2025/05/08/unleash-document-automation-superpowers-at-ndc-oslo-2025/llms.txt)
- [Announcing the Official DS Server Docker Image on Docker Hub](https://www.textcontrol.com/blog/2025/05/02/announcing-the-official-ds-server-docker-image-on-docker-hub/llms.txt)
- [Introducing DS Server 4.0: Linux-Ready and Container-Friendly](https://www.textcontrol.com/blog/2025/04/30/introducing-ds-server-4-linux-ready-and-container-friendly/llms.txt)
- [E-Sign Comes to Blazor: Document Viewer 33.0.1 Released](https://www.textcontrol.com/blog/2025/04/24/e-sign-comes-to-blazor-document-viewer-33-0-1-released/llms.txt)
- [Adoption of Electronic vs. Paper Signatures in 2025](https://www.textcontrol.com/blog/2025/04/15/adoption-of-electronic-vs-paper-signatures-in-2025/llms.txt)
- [Building an ASP.NET Core Backend (Linux and Windows) for the Document Editor and Viewer](https://www.textcontrol.com/blog/2025/03/26/building-an-asp-net-core-backend-for-the-document-editor-and-viewer/llms.txt)
- [Impressions from .NET Developer Conference DDC 2024](https://www.textcontrol.com/blog/2024/11/28/impressions-from-net-developer-conference-ddc-2024/llms.txt)
- [Back from Florida: Impressions from VSLive! Orlando 2024](https://www.textcontrol.com/blog/2024/11/21/back-from-florida-impressions-from-vslive-orlando-2024/llms.txt)
- [Creating Advanced Tables in PDF and DOCX Documents with C#](https://www.textcontrol.com/blog/2024/09/30/creating-advanced-tables-in-pdf-and-docx-documents-with-csharp/llms.txt)
- [Back in the Pocono Mountains: Meet Text Control at TechBash 2024](https://www.textcontrol.com/blog/2024/09/24/back-in-the-pocono-mountains-meet-text-control-at-techbash-2024/llms.txt)
- [Video Tutorial: Creating a MailMerge Template and JSON Data Structure](https://www.textcontrol.com/blog/2024/08/16/video-tutorial-creating-a-mailmerge-template-and-json-data-structure/llms.txt)
- [Sign Documents with a Self-Signed Digital ID From Adobe Acrobat Reader in .NET C#](https://www.textcontrol.com/blog/2024/08/12/sign-documents-with-a-self-signed-digital-id-from-adobe-acrobat-reader-in-net-c-sharp/llms.txt)
- [Low Code vs. High Code: Differences between TX Text Control and DS Server](https://www.textcontrol.com/blog/2024/08/07/low-code-vs-high-code-differences-between-tx-text-control-and-ds-server/llms.txt)
- [Observe When the Reporting Preview Tab is Active Using MutationObserver](https://www.textcontrol.com/blog/2024/07/23/observe-when-the-reporting-preview-tab-is-active-using-mutationobserver/llms.txt)
- [How to Sign Signature Fields with Custom Signer Information and Time Stamps in ASP.NET Core C#](https://www.textcontrol.com/blog/2024/06/21/how-to-sign-signature-fields-with-custom-signer-information-and-time-stamps-in-asp-net-core-c-sharp/llms.txt)
- [Transforming Financial Documents into Smart and Secure Forms in ASP.NET Core C#](https://www.textcontrol.com/blog/2024/05/01/transforming-financial-documents-into-smart-and-secure-forms-in-asp-net-core-c-sharp/llms.txt)
