sign.html 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. <!DOCTYPE html>
  2. <html>
  3. <head lang="en">
  4. <meta charset="UTF-8">
  5. <title>电子签名</title>
  6. <link rel="stylesheet" href="${contextPath}/dist/js/sign/esignDemo.css">
  7. </head>
  8. <body>
  9. <center>
  10. <div class="canvasDiv">
  11. <div id="editing_area">
  12. <canvas width="600" height="250" id="canvasEdit"></canvas>
  13. </div>
  14. </div>
  15. <div class="imgDiv">
  16. <span id="sign_show"></span>
  17. </div>
  18. <div class="btnDiv">
  19. <a id="sign_clear" class="clearBtn">清除</a>
  20. <a id="sign_ok" class="okBtn">确认</a>
  21. </div>
  22. </center>
  23. <script type="text/javascript" src="${contextPath}/dist/js/sign/jquery.min.js"></script>
  24. <script type="text/javascript" src="${contextPath}/dist/js/sign/esign.js"></script>
  25. <script type="text/javascript">
  26. $(function(){
  27. //初始化动作,根据DOM的ID不同进行自定义,如果不写则内部默认取这四个
  28. $().esign("canvasEdit", "sign_show", "sign_clear", "sign_ok");
  29. });
  30. function hh(){
  31. alert();
  32. alert(document.getElementById("sign_show").innerText);
  33. alert(document.getElementById("sign_show").innerHTML);
  34. document.getElementById("sign_show2").innerHTML = document.getElementById("sign_show").innerHTML;
  35. }
  36. </script>
  37. <div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
  38. <p>适用浏览器:360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. 不支持IE8及以下浏览器。</p>
  39. </div>
  40. </body>
  41. </html>