diff --git a/README.md b/README.md index d4e5087..050a731 100644 --- a/README.md +++ b/README.md @@ -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 @@ -37,46 +32,45 @@ Run ng serve command for a dev server. Navigate to http://localhost:4200/. The a ## Features and Benefits -## Signature customization +### Signature customization -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. +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. -## Loading +### Drawing -It supports to load a pre drawn signature to component either as base 64 or URL. It supports PNG, JPEG, and SVG image types. +[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. -## Drawing +### Loading -Draw the given text as a signature using different font families and font sizes. +It supports to load a pre drawn signature to component either as base 64 or URL. It supports PNG, JPEG, and SVG image types. ## 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) +[Video Tutorials](https://www.syncfusion.com/tutorial-videos/angular/signature?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.