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
Perché il downvote? – vonwolf