|
1 | 1 | # Getting Started with the Angular Signature Pad Component |
2 | 2 |
|
3 | | -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. |
| 3 | +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. |
4 | 4 |
|
5 | 5 | Examples: https://ej2.syncfusion.com/angular/demos/#/material/signature/default |
6 | 6 |
|
@@ -35,3 +35,54 @@ npm install |
35 | 35 |
|
36 | 36 | Run ng serve command for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files. |
37 | 37 |
|
| 38 | +## Features and Benefits |
| 39 | + |
| 40 | +## Signature customization |
| 41 | + |
| 42 | +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. |
| 43 | + |
| 44 | +## Loading |
| 45 | + |
| 46 | +It supports to load a pre drawn signature to component either as base 64 or URL. It supports PNG, JPEG, and SVG image types. |
| 47 | + |
| 48 | +## Drawing |
| 49 | + |
| 50 | +Draw the given text as a signature using different font families and font sizes. |
| 51 | + |
| 52 | +## Related links |
| 53 | +[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) |
| 54 | + |
| 55 | +[Download Free Trial](https://www.syncfusion.com/downloads/angular?utm_source=github&utm_medium=listing&utm_campaign=angular-signature-github-samples) |
| 56 | + |
| 57 | +[Pricing](https://www.syncfusion.com/sales/products/angular?utm_source=github&utm_medium=listing&utm_campaign=angular-signature-github-samples) |
| 58 | + |
| 59 | +[Documentation](https://ej2.syncfusion.com/angular/documentation/signature/getting-started/?utm_source=github&utm_medium=listing&utm_campaign=angular-signature-github-samples) |
| 60 | + |
| 61 | +[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) |
| 62 | + |
| 63 | +[Community Forums](https://www.syncfusion.com/forums/angular-ui-components?utm_source=github&utm_medium=listing&utm_campaign=angular-signature-github-samples) |
| 64 | + |
| 65 | +[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) |
| 66 | + |
| 67 | +[Online example](https://ej2.syncfusion.com/angular/demos/#/material/signature/default?utm_source=github&utm_medium=listing&utm_campaign=angular-signature-github-samples) |
| 68 | + |
| 69 | +[Knowledge base](https://www.syncfusion.com/kb/angular-ui-components?utm_source=github&utm_medium=listing&utm_campaign=angular-signature-github-samples) |
| 70 | + |
| 71 | + |
| 72 | +## About Syncfusion Angular UI Components |
| 73 | + |
| 74 | +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). |
| 75 | + |
| 76 | +### About Syncfusion |
| 77 | +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. |
| 78 | + |
| 79 | +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. |
| 80 | + |
| 81 | +<hr style="height:0.3px;border:none;color:lightgrey;background-color:lightgrey;" /> |
| 82 | + |
| 83 | +<p align="center"> |
| 84 | +<a href="mailto:sales@syncfusion.com?Subject=Syncfusion Angular Signature - GitHub" target="_top">sales@syncfusion.com</a> | <a href="https://www.syncfusion.com?utm_source=github&utm_medium=listing&utm_campaign=angular-signature-github-samples">www.syncfusion.com</a> | Toll Free: 1-888-9 DOTNET <br> |
| 85 | +</p> |
| 86 | + |
| 87 | + |
| 88 | + |
0 commit comments