Foxtable(狐表)用户栏目专家坐堂 → 制作电子签名


  共有2402人关注过本帖树形打印复制链接

主题:制作电子签名

帅哥哟,离线,有人找我吗?
夏许多雪
  1楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:幼狐 帖子:109 积分:1178 威望:0 精华:0 注册:2018/2/25 13:54:00
制作电子签名  发帖心情 Post By:2021/3/26 21:14:00 [只看该作者]

网上下载的一个电子签名代码,可以在电脑和手机上正常使用,但是如何将生成的签名图片保存到本地文件中,并关闭签字页面,转到其他页面(如2.htm,我从1.htm打开),请帮忙看一下,在哪里加上保存代码,谢谢。

 

 

<!DOCTYPE html>
<html>

 <head>
  <meta charset="utf-8">
  <meta name="viewport" c />
  <title></title>
 
  <script src="js/mui.min.js"></script>
  <link href="css/mui.min.css" rel="stylesheet" />
  <script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
  <script type="text/javascript" src="js/jSignature.min.js"></script>
  <!--[if lt IE 9]>
  <script type="text/javascript" src="js/flashcanvas.js"></script>
  <![endif]-->
 </head>

 <body>
 <h3>请在下方签名</h3>
  <div id="signature" style="height: 100%;"></div>
  <br>
  <input id="clear" type="button" value="清除">
  <input id="export" type="button" value="输出图片">
  <input id="save" type="button" value="保存base64">
  <div id="pic" />
  <p id="base" style="width:100%;"></p>
  <script type="text/javascript" charset="utf-8">
   mui.plusReady(function() {
    plus.screen.lockOrientation('landscape-secondary');
   });
   $(document).ready(function() {
    $("#signature").jSignature({
    width: '100%',
    height: '100%',
    UndoButton: true,
    sizeRatio: 1,
    color: "#000",
    "background-color": "#fff",
    "decor-color": "rgba(20,0,0,0)", //这里将颜色设置为透明
    lineWidth: 2,
})
   });
   document.getElementById("clear").addEventListener('tap', function() {
    $("#signature").jSignature("reset");
    $("#pic")[0].innerHTML = '';
   });
   document.getElementById("save").addEventListener('tap', function() {
    var datapair = $("#signature").jSignature("getData", "image");
    var array = datapair.splice(",");
    mui.toast(array[1]);
   });
   document.getElementById("export").addEventListener('tap', function() {
    var datapair = $("#signature").jSignature("getData", "image");
    var i = new Image();
    i.src = "data:" + datapair[0] + "," + datapair[1];
    $(i).appendTo($("#pic"));
   });
  </script>
 </body>

</html>


 回到顶部
帅哥,在线噢!
有点蓝
  2楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:超级版主 帖子:106648 积分:542423 威望:0 精华:9 注册:2015/6/24 9:21:00
  发帖心情 Post By:2021/3/26 21:28:00 [只看该作者]

document.getElementById("save").addEventListener('tap', function() {
    var datapair = $("#signature").jSignature("getData", "image");
    var array = datapair.splice(",");
//在这里把数据提交到其它页面
    mui.toast(array[1]); //array[1]就是图片的base64数据
   });

 回到顶部
帅哥哟,离线,有人找我吗?
夏许多雪
  3楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:幼狐 帖子:109 积分:1178 威望:0 精华:0 注册:2018/2/25 13:54:00
  发帖心情 Post By:2021/3/26 21:38:00 [只看该作者]

帮忙看一下,把数据提交到其它页面 ,  这段代码这么写啊,比如说我要转到2.htm页面,我不懂HTML代码。

 


 回到顶部
帅哥,在线噢!
有点蓝
  4楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:超级版主 帖子:106648 积分:542423 威望:0 精华:9 注册:2015/6/24 9:21:00
  发帖心情 Post By:2021/3/26 21:53:00 [只看该作者]

不懂就学。要使用这些第三方的功能,如果看不懂,建议不要用。页面有用到jquery,可以自己百度一下jquery怎么提交数据

 回到顶部