2014-09-12 2 views
5

Sto utilizzando lo stack MEAN e vorrei implementare una firma digitale per i dipendenti con un modulo ma non riesco a trovare alcuna libreria o tutorial su questo argomento.Firma digitale con AngularJS

Qualcuno ha fatto questo? Quale sarebbe l'approccio giusto per fare questo?

+3

Perché il downvote? – vonwolf

risposta

3

Grazie per la vonwolf domanda! Ho trovato un'altra soluzione controllare questo:

https://github.com/legalthings/angular-signature

Tuttavia, ho cercato di realizzare un semplice esempio usando il suddetto, ma vedo errori nella console che non posso risolvere. Ho fatto lo stesso ng-signature-pad e funziona perfettamente senza errori.

Simple example using angular-signature Control

<!DOCTYPE html> 
<html> 

<head> 
    <title>Sample angular-singature</title> 
    <link rel="stylesheet" href="style.css"> 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js"></script> 
    <script src="https://cdn.rawgit.com/legalthings/angular-signature/master/src/signature.js"></script> 
    <script src="https://cdn.rawgit.com/szimek/signature_pad/master/signature_pad.js"></script> 
    <style> 
    .nowrap { 
     white-space:pre-wrap; 
     word-wrap:break-word; 
    } 
    </style> 
</head> 

<body ng-app='app' ng-controller='SignModalCtrl'> 
    <h1>Angular Signature Sample</h1> 
    <signature-pad accept="accept" clear="clear" height="220" width="568"></signature-pad> 
    <button ng-click="clear()">Clear signature</button> 
    <button ng-click="doAccept()">Sign</button> 
    <pre class='nowrap' ng-bind="accept().dataUrl"></pre> 
    <script> 
    var app = angular.module('app', [ 
     'signature', 
    ]); 
    app.controller('SignModalCtrl', [ 
     '$scope', 
     function($scope) { 
     $scope.doAccept = function() { 
      var signature = $scope.accept(); 
      console.log('doAccpet', signature) 
     } 
     $scope.done = function() { 
      var signature = $scope.accept(); 

      if (signature.isEmpty) { 
      $modalInstance.dismiss(); 
      } else { 
      $modalInstance.close(signature.dataUrl); 
      } 
     }; 
     } 
    ]); 
    </script> 
</body> 

</html> 

And, here is the other simple example using ng-signature-pad

Inoltre, è possibile trovare altre soluzioni:

https://www.sitepoint.com/4-jquery-digital-signature-plugins/

Tarek