Skip to content
This repository was archived by the owner on Apr 13, 2025. It is now read-only.
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
44 changes: 43 additions & 1 deletion README.md
Original file line number Diff line number Diff line change
@@ -1,3 +1,45 @@
ngSignaturePad
===

SignaturePad as an angularJS directive
SignaturePad as an angularJS directive

Install
===

The install process is a little more manual right now...

```bash
bower install -S signature_pad
bower install https://raw.github.com/marcorinck/ngSignaturePad/master/ngSignaturePad.js

pushd app/bower_components/ngSignaturePad
wget https://raw.github.com/marcorinck/ngSignaturePad/master/ngSignaturePad.min.css
popd
```

Include the script tags

```html
<link rel="stylesheet" href="bower_components/ngSignaturePad/ngSignaturePad.min.css"></script>
<script src="bower_components/signature_pad/signature_pad.js"></script>
<script src="bower_components/ngSignaturePad/index.js"></script>
```

Use the directive somewhere in your html as an *attribute*

```html
<div signature-pad signature="myThings.mySignatureModel" close="myThings.myCloseFunction()"></div>
```

Then add the module to your list of angular dependencies as `ngSignaturePad`

```
angular.module('myDemoApp', [
'ngCookies'
, 'ngResource'
, 'ngSanitize'
, 'ui.bootstrap'
, 'ui.router'
, 'ngSignaturePad'
])
```
4 changes: 2 additions & 2 deletions ngSignaturePad.js
Original file line number Diff line number Diff line change
Expand Up @@ -67,12 +67,12 @@ angular.module('ngSignaturePad').directive('signaturePad', [
canvas = $element.find('canvas');
scope = $scope;
element = $element;
signaturePad = new SignaturePad(canvas.get(0));
signaturePad = new SignaturePad(canvas[0]));
setCanvasHeightAndWidth();
if ($scope.signature && !$scope.signature.$isEmpty && $scope.signature.dataUrl) {
signaturePad.fromDataURL($scope.signature.dataUrl);
}
}
};
}
]);
]);
4 changes: 2 additions & 2 deletions src/SignaturePadDirective.js
Original file line number Diff line number Diff line change
Expand Up @@ -75,7 +75,7 @@ angular.module("ngSignaturePad").directive('signaturePad', function ($window) {
canvas = $element.find("canvas");
scope = $scope;
element = $element;
signaturePad = new SignaturePad(canvas.get(0));
signaturePad = new SignaturePad(canvas[0]));

setCanvasHeightAndWidth();

Expand All @@ -84,4 +84,4 @@ angular.module("ngSignaturePad").directive('signaturePad', function ($window) {
}
}
};
});
});