JS框架_(Esign.js)仿信用卡电子签名特效

百度云盘　　传送门　　密码：l60w

电子签名特效效果：

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>jQuery+HTML5仿信用卡电子签名特效</title>

<link rel="stylesheet" href="css/esignDemo.css">

</head>

<center>
<div class="canvasDiv">
    <div id="editing_area">
        <canvas width="600" height="250" id="canvasEdit"></canvas>
    </div>
</div>

<div class="imgDiv">
    <span id="sign_show"></span>
</div>

<div class="btnDiv">
    <a id="sign_ok" class="okBtn">确认</a>
    <a id="sign_clear" class="clearBtn">清除</a>
</div>
</center>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/esign.js"></script>
<script type="text/javascript">
$(function(){
    //初始化动作，根据DOM的ID不同进行自定义，如果不写则内部默认取这四个
    $().esign("canvasEdit", "sign_show", "sign_clear", "sign_ok");
});
</script>


</body>
</html>

index.html