diff --git a/README.md b/README.md index 2f11718..2653bfc 100644 --- a/README.md +++ b/README.md @@ -1,3 +1,45 @@ ngSignaturePad +=== -SignaturePad as an angularJS directive \ No newline at end of file +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 + + + +``` + +Use the directive somewhere in your html as an *attribute* + +```html +
+``` + +Then add the module to your list of angular dependencies as `ngSignaturePad` + +``` +angular.module('myDemoApp', [ + 'ngCookies' + , 'ngResource' + , 'ngSanitize' + , 'ui.bootstrap' + , 'ui.router' + , 'ngSignaturePad' + ]) +``` diff --git a/ngSignaturePad.js b/ngSignaturePad.js index 32dd0e3..a786ea1 100644 --- a/ngSignaturePad.js +++ b/ngSignaturePad.js @@ -67,7 +67,7 @@ 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); @@ -75,4 +75,4 @@ angular.module('ngSignaturePad').directive('signaturePad', [ } }; } -]); \ No newline at end of file +]); diff --git a/src/SignaturePadDirective.js b/src/SignaturePadDirective.js index c44d56e..833c12d 100644 --- a/src/SignaturePadDirective.js +++ b/src/SignaturePadDirective.js @@ -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(); @@ -84,4 +84,4 @@ angular.module("ngSignaturePad").directive('signaturePad', function ($window) { } } }; -}); \ No newline at end of file +});