Angular Signature


AngularJS directive for the signature pad JavaScript library by szimek.

_In contrast to other AngularJS directives for szimek's signature pad, this directive does not apply any styling. The
directive only places the canvas and allows you to bind your app to the signature pad by binding the functions in the scope of your
controller. This means you can call them from your own (custom) buttons._

!sign animation

Demo

An online demo of the directive can be found here.

Installation

Install this module using bower

bower install angular-signature --save

or install this module using npm

npm install angular-signature --save

Add the module to your app

angular.module('app', [
'signature',
]);

Usage

$3

``html

Clear signature
Sign
`

$3

This plugin works well in a Angular UI Bootstrap Modal.

`js
angular.module('app').controller('SignModalCtrl', [
'$scope', '$modalInstance'
function ($scope, $modalInstance) {
$scope.done = function () {
var signature = $scope.accept();

if (signature.isEmpty) {
$modalInstance.dismiss();
} else {
$modalInstance.close(signature.dataUrl);
}
};
}
]);
`

`html