surveybuilder
Version:
Build surveys in the most advanced, flexable, and more moderated way, for all users to build and see.
66 lines (58 loc) • 1.37 kB
HTML
<html>
<head>
<title>eSignature</title>
<link rel="shortcut icon" href="/SurveyBuilder/favicon.ico"/>
<meta charset="UTF-8"/>
<style>
#sign{
border: 4px solid #ccc;
background-color:#00ff1a;
cursor: url(esign/pen.cur),auto;
}
body{
margin:0;
padding:0;
background:#05deff;
overflow-x:hidden;
}
#resetSign, #Donebtn{
border-radius: 25px;
outline:none;
border:0;
font-size:35px;
cursor:pointer ;
}
</style>
</head>
<body>
<div hidden="true"><a id="imgDonwload" href=""></a></div>
<canvas id="sign">
</canvas>
<p><button id="resetSign" title="Clear">Clear</button></p>
<p><button id="Donebtn" title="Done" onclick="Done()">Done</button></p>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="./eSign/assets/sign.js"></script>
<script>
$(document).ready(function(){
$("#sign").sign({
resetButton: $("#resetSign"),
lineWidth: 5,
width: 1100,
height: 95
})
})
</script>
<script>
function Done(){
var canvas = document.getElementById("sign");
var img = canvas.toDataURL("image/png");
document.getElementById("imgDonwload").href = img;
document.getElementById("imgDonwload").download = "signature.png";
setTimeout(download, 1000);
}
function download(){
document.getElementById("imgDonwload").click();
}
</script>
</body>
</html>