Skip to content

Commit

Permalink
SEO-177252 Angular Signature External Linking
Browse files Browse the repository at this point in the history
  • Loading branch information
Yvone-Atieno committed Nov 21, 2023
1 parent a7d77a2 commit 4ab6cd1
Showing 1 changed file with 18 additions and 22 deletions.
40 changes: 18 additions & 22 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,11 +1,6 @@
# Getting Started with the Angular Signature Pad Component

The [Angular Signature](https://www.syncfusion.com/angular-ui-components/angular-signature?utm_source=github&utm_medium=listing&utm_campaign=angular-signature-github-samples) is a graphical interface that allows users to draw smooth signatures as vector outline strokes using variable-width Bezier curve interpolation. A quick start Angular project that shows how to add Angular Signature Pad component to the Angular App. This project also includes a code snippet to change the stroke width, color, and add a background color and image to the signature pad, and how to save and clear the signature.

Examples: https://ej2.syncfusion.com/angular/demos/#/material/signature/default

Documentation: https://ej2.syncfusion.com/angular/documentation/signature/getting-started/

The [Angular Signature](https://www.syncfusion.com/angular-components/angular-signature?utm_source=github&utm_medium=listing&utm_campaign=angular-signature-github-samples) is a graphical interface that allows users to draw smooth signatures as vector outline strokes using variable-width Bezier curve interpolation. A quick start Angular project that shows how to add Angular Signature Pad component to the Angular App. This project also includes a code snippet to change the stroke width, color, and add a background color and image to the signature pad, and how to save and clear the signature.

# Project pre-requisites

Expand Down Expand Up @@ -37,46 +32,47 @@ Run ng serve command for a dev server. Navigate to http://localhost:4200/. The a

## Features and Benefits

## Signature customization
### Drawing

[Draw](https://ej2.syncfusion.com/angular/documentation/signature/draw?utm_source=github&utm_medium=listing&utm_campaign=angular-signature-github-samples) the given text as a signature using different font families and font sizes.

The Signature Pad component supports various [customization](https://ej2.syncfusion.com/angular/documentation/signature/customization/?utm_source=github&utm_medium=listing&utm_campaign=angular-signature-github-samples) options like background color, background image, stroke color, stroke width, save with background, undo, redo, clear, readonly, and disabled.
### Saving

## Loading
Save the signature as an image to formats like PNG, JPEG, and SVG.

### Loading

It supports to load a pre drawn signature to component either as base 64 or URL. It supports PNG, JPEG, and SVG image types.

## Drawing
### Signature customization

Draw the given text as a signature using different font families and font sizes.
The Signature Pad component supports various [customization](https://ej2.syncfusion.com/angular/documentation/signature/customization?utm_source=github&utm_medium=listing&utm_campaign=angular-signature-github-samples) options like background color, background image, stroke color, stroke width, save with background, undo, redo, clear, readonly, and disabled.

## Related links
[Learn More about Angular Signature ](https://www.syncfusion.com/angular-ui-components/angular-signature?utm_source=github&utm_medium=listing&utm_campaign=angular-signature-github-samples)
[Learn More about Angular Signature ](https://www.syncfusion.com/angular-components/angular-signature?utm_source=github&utm_medium=listing&utm_campaign=angular-signature-github-samples)

[Download Free Trial](https://www.syncfusion.com/downloads/angular?utm_source=github&utm_medium=listing&utm_campaign=angular-signature-github-samples)

[Pricing](https://www.syncfusion.com/sales/products/angular?utm_source=github&utm_medium=listing&utm_campaign=angular-signature-github-samples)
[Pricing](https://www.syncfusion.com/sales/teamlicense?utm_source=github&utm_medium=listing&utm_campaign=angular-signature-github-samples)

[Documentation](https://ej2.syncfusion.com/angular/documentation/signature/getting-started/?utm_source=github&utm_medium=listing&utm_campaign=angular-signature-github-samples)
[Documentation](https://ej2.syncfusion.com/angular/documentation/signature/getting-started?utm_source=github&utm_medium=listing&utm_campaign=angular-signature-github-samples)

[View Demos](https://github.com/SyncfusionExamples/getting-started-with-the-angular-signature-pad-component?utm_source=github&utm_medium=listing&utm_campaign=angular-signature-github-samples)

[Community Forums](https://www.syncfusion.com/forums/angular-ui-components?utm_source=github&utm_medium=listing&utm_campaign=angular-signature-github-samples)
[Community Forums](https://www.syncfusion.com/forums/angular-js2?utm_source=github&utm_medium=listing&utm_campaign=angular-signature-github-samples)

[Suggest a feature or report a bug](https://www.syncfusion.com/feedback/angular?utm_source=github&utm_medium=listing&utm_campaign=angular-signature-github-samples)

[Online example](https://ej2.syncfusion.com/angular/demos/#/material/signature/default?utm_source=github&utm_medium=listing&utm_campaign=angular-signature-github-samples)

[Knowledge base](https://www.syncfusion.com/kb/angular-ui-components?utm_source=github&utm_medium=listing&utm_campaign=angular-signature-github-samples)

[Online example](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/signature/default?utm_source=github&utm_medium=listing&utm_campaign=angular-signature-github-samples)

## About Syncfusion Angular UI Components

Syncfusion's [Angular UI Components](https://www.syncfusion.com/angular-ui-components?utm_source=github&utm_medium=listing&utm_campaign=angular-signature-github-samples) library is the only suite that you will ever need to build an application since it contains over 65 high-performance, lightweight, modular, and responsive UI Components in a single package. In addition to Signature, we provide popular Angular Components such as [DataGrid](https://www.syncfusion.com/angular-ui-components/angular-grid?utm_source=github&utm_medium=listing&utm_campaign=angular-signature-github-samples), [Charts](https://www.syncfusion.com/angular-ui-components/angular-charts?utm_source=github&utm_medium=listing&utm_campaign=angular-signature-github-samples), [Scheduler](https://www.syncfusion.com/angular-ui-components/angular-scheduler?utm_source=github&utm_medium=listing&utm_campaign=angular-signature-github-samples), [Diagram](https://www.syncfusion.com/angular-ui-components/angular-diagram?utm_source=github&utm_medium=listing&utm_campaign=angular-signature-github-samples), and [Word Processor](https://www.syncfusion.com/angular-ui-components/angular-word-processor?utm_source=github&utm_medium=listing&utm_campaign=angular-signature-github-samples).
Syncfusion's [Angular UI Components](https://www.syncfusion.com/angular-components?utm_source=github&utm_medium=listing&utm_campaign=angular-signature-github-samples) library is the only suite that you will ever need to build an application since it contains over 80 high-performance, lightweight, modular, and responsive UI Components in a single package. In addition to Signature, we provide popular Angular Components such as [DataGrid](https://www.syncfusion.com/angular-components/angular-grid?utm_source=github&utm_medium=listing&utm_campaign=angular-signature-github-samples), [Charts](https://www.syncfusion.com/angular-components/angular-charts?utm_source=github&utm_medium=listing&utm_campaign=angular-signature-github-samples), [Scheduler](https://www.syncfusion.com/angular-components/angular-scheduler?utm_source=github&utm_medium=listing&utm_campaign=angular-signature-github-samples), [Diagram](https://www.syncfusion.com/angular-components/angular-diagram?utm_source=github&utm_medium=listing&utm_campaign=angular-signature-github-samples), and [Word Processor](https://www.syncfusion.com/angular-components/angular-word-processor?utm_source=github&utm_medium=listing&utm_campaign=angular-signature-github-samples).

### About Syncfusion
Founded in 2001 and headquartered in Research Triangle Park, N.C., Syncfusion has more than 28,000 customers and more than 1 million users, including large financial institutions, Fortune 500 companies, and global IT consultancies.
Founded in 2001 and headquartered in Research Triangle Park, N.C., Syncfusion has more than 29,000 customers and more than 1 million users, including large financial institutions, Fortune 500 companies, and global IT consultancies.

Today, we provide 1700+ components and frameworks for web ([Blazor](https://www.syncfusion.com/blazor-components?utm_source=github&utm_medium=listing&utm_campaign=angular-signature-github-samples), [ASP.NET Core](https://www.syncfusion.com/aspnet-core-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=angular-signature-github-samples), [ASP.NET MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=angular-signature-github-samples), [ASP.NET WebForms](https://www.syncfusion.com/jquery/aspnet-webforms-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=angular-signature-github-samples), [JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=angular-signature-github-samples), [Angular](https://www.syncfusion.com/angular-ui-components?utm_source=github&utm_medium=listing&utm_campaign=angular-signature-github-samples), [React](https://www.syncfusion.com/react-ui-components?utm_source=github&utm_medium=listing&utm_campaign=angular-signature-github-samples), [Vue](https://www.syncfusion.com/vue-ui-components?utm_source=github&utm_medium=listing&utm_campaign=angular-signature-github-samples), and [Flutter](https://www.syncfusion.com/flutter-widgets?utm_source=github&utm_medium=listing&utm_campaign=angular-signature-github-samples)), mobile ([Xamarin](https://www.syncfusion.com/xamarin-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=angular-signature-github-samples), [Flutter](https://www.syncfusion.com/flutter-widgets?utm_source=github&utm_medium=listing&utm_campaign=angular-signature-github-samples), [UWP](https://www.syncfusion.com/uwp-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=angular-signature-github-samples), [JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=angular-signature-github-samples), and [.NET MAUI](https://www.syncfusion.com/maui-controls?utm_source=github&utm_medium=listing&utm_campaign=angular-signature-github-samples)), and desktop development ([WinForms](https://www.syncfusion.com/winforms-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=angular-signature-github-samples), [WPF](https://www.syncfusion.com/wpf-controls?utm_source=github&utm_medium=listing&utm_campaign=angular-signature-github-samples), [WinUI](https://www.syncfusion.com/winui-controls?utm_source=github&utm_medium=listing&utm_campaign=angular-signature-github-samples),[UWP](https://www.syncfusion.com/uwp-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=angular-signature-github-samples), [Flutter](https://www.syncfusion.com/flutter-widgets?utm_source=github&utm_medium=listing&utm_campaign=angular-signature-github-samples), and [.NET MAUI](https://www.syncfusion.com/maui-controls?utm_source=github&utm_medium=listing&utm_campaign=angular-signature-github-samples)). We provide ready-to-deploy enterprise software for dashboards, reports, data integration, and big data processing. Many customers have saved millions in licensing fees by deploying our software.
Today, we provide 1800+ components and frameworks for web ([Blazor](https://www.syncfusion.com/blazor-components?utm_source=github&utm_medium=listing&utm_campaign=angular-signature-github-samples), [ASP.NET Core](https://www.syncfusion.com/aspnet-core-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=angular-signature-github-samples), [ASP.NET MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=angular-signature-github-samples), [ASP.NET WebForms](https://www.syncfusion.com/jquery/aspnet-webforms-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=angular-signature-github-samples), [JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=angular-signature-github-samples), [Angular](https://www.syncfusion.com/angular-components?utm_source=github&utm_medium=listing&utm_campaign=angular-signature-github-samples), [React](https://www.syncfusion.com/react-components?utm_source=github&utm_medium=listing&utm_campaign=angular-signature-github-samples), [Vue](https://www.syncfusion.com/vue-components?utm_source=github&utm_medium=listing&utm_campaign=angular-signature-github-samples), and [Flutter](https://www.syncfusion.com/flutter-widgets?utm_source=github&utm_medium=listing&utm_campaign=angular-signature-github-samples)), mobile ([Xamarin](https://www.syncfusion.com/xamarin-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=angular-signature-github-samples), [Flutter](https://www.syncfusion.com/flutter-widgets?utm_source=github&utm_medium=listing&utm_campaign=angular-signature-github-samples), [UWP](https://www.syncfusion.com/uwp-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=angular-signature-github-samples), [JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=angular-signature-github-samples), and [.NET MAUI](https://www.syncfusion.com/maui-controls?utm_source=github&utm_medium=listing&utm_campaign=angular-signature-github-samples)), and desktop development ([WinForms](https://www.syncfusion.com/winforms-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=angular-signature-github-samples), [WPF](https://www.syncfusion.com/wpf-controls?utm_source=github&utm_medium=listing&utm_campaign=angular-signature-github-samples), [WinUI](https://www.syncfusion.com/winui-controls?utm_source=github&utm_medium=listing&utm_campaign=angular-signature-github-samples),[UWP](https://www.syncfusion.com/uwp-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=angular-signature-github-samples), [Flutter](https://www.syncfusion.com/flutter-widgets?utm_source=github&utm_medium=listing&utm_campaign=angular-signature-github-samples), and [.NET MAUI](https://www.syncfusion.com/maui-controls?utm_source=github&utm_medium=listing&utm_campaign=angular-signature-github-samples)). We provide ready-to-deploy enterprise software for dashboards, reports, data integration, and big data processing. Many customers have saved millions in licensing fees by deploying our software.

<hr style="height:0.3px;border:none;color:lightgrey;background-color:lightgrey;" />

Expand Down

0 comments on commit 4ab6cd1

Please sign in to comment.