Tôi đang sử dụng ngăn MEAN và tôi muốn thực hiện chữ ký số cho nhân viên có biểu mẫu nhưng tôi không thể tìm thấy bất kỳ thư viện hoặc hướng dẫn nào về chủ đề này.Chữ ký số với AngularJS
Có ai đã làm điều này không? Cách tiếp cận đúng để làm điều này là gì?
Kiểm tra ngSignaturePad. Nó sử dụng plugin jQuery SignaturePad.
Cảm ơn bạn đã đặt câu hỏi vonwolf! Tôi tìm thấy một giải pháp khác kiểm tra này:
https://github.com/legalthings/angular-signature
Tuy nhiên, tôi cố gắng thực hiện một ví dụ đơn giản bằng cách sử dụng ở trên, nhưng tôi thấy sai sót trong giao diện điều khiển mà tôi không thể giải quyết. Tôi đã làm cùng một chữ ký, và nó hoạt động tốt mà không có bất kỳ lỗi nào.
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
Ngoài ra, bạn có thể tìm thấy các giải pháp khác:
https://www.sitepoint.com/4-jquery-digital-signature-plugins/
Tarek
Tại sao downvote? – vonwolf