tpl_view_autograph.html 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>签名</title>
  6. <link rel="stylesheet" href="webmain/css/css.css" />
  7. <script type="text/javascript" src="web/res/js/jquery.1.9.1.min.js"></script>
  8. <script type="text/javascript" src="js/js.js"></script>
  9. <script type="text/javascript" src="js/base64-min.js"></script>
  10. <script type="text/javascript" src="mode/plugin/jquery-signature.js"></script>
  11. <script>
  12. var qianmingbo = false;
  13. function initbody(){
  14. ismobile = js.request('ism');
  15. var hei = winHb()-22,
  16. wei = winWb()-22;
  17. $('#qianmingdiv').attr('data-height',hei);
  18. $('#qianmingdiv').attr('data-width',wei);
  19. $('#qianmingdiv').jqSignature().on('jq.signature.changed', function() {
  20. qianmingbo = true;
  21. });
  22. if(ismobile==1)get('qianmingdiv').addEventListener('touchmove',function(e){
  23. e.preventDefault();
  24. },false);
  25. }
  26. //返回签名内容
  27. autographok=function(){
  28. if(!qianmingbo)return '';
  29. return $('#qianmingdiv').jqSignature('getDataURL');
  30. }
  31. //重写
  32. autographre=function(){
  33. $('#qianmingdiv').jqSignature('clearCanvas');
  34. qianmingbo = false;
  35. }
  36. </script>
  37. </head>
  38. <body style="background:white">
  39. <div data-width="280" data-height="120" data-border="1px dashed #cccccc" data-line-color="#000000" data-auto-fit="true" id="qianmingdiv" style="margin:10px;height:120px;cursor:default"></div>
  40. </body>
  41. </html>