jSignature + Angular

HTML

<script src="https://cdn.rawgit.com/brinley/jSignature/master/libs/jSignature.min.js"></script>
<h2>Signature Test</h2>
<div id="SignatureController">
    
</div>

<br>
<h2>Print Test</h2>
<div id="PrintSignatureController">
    
</div>
<button id="Getsign">Get Singture </button>
<button id="Printsign">Print Singture </button>

CSS

#SignatureController
{
	width: 500px;
  height: 150px;
  border: 1px solid black;
}

JavaScript

$(document).ready(function() {
var dataString;
  $("#SignatureController").jSignature({
    'decor-color': 'transparent',
    'lineWidth': 1,
  });
	$('#Getsign').click(function () {
				dataString = $("#SignatureController").jSignature("getData");
				alert(dataString);				
			});
			$('#Printsign').click(function () {
				var dataString = $("#SignatureController").jSignature("getData");
				alert(dataString);
				$('#PrintSignatureController').append("<img class='imported' src='" + dataString + "'></img>");
			});
});