phonegap签名抽奖

Signature Draw for phonegap

本文关键字：phonegap      更新时间：2024-01-01

很抱歉再次询问，但我在phonegap中没有找到简单的签名插件。我想为我的phonegap应用程序捕获签名，所以我准备使用这个链接，但它在phonegap中不起作用，但在浏览器中起作用。请建议任何插件或如何在我的phoneap应用程序中开发捕获签名。

我已经用上面的Chintakethiya答案完成了这个签名捕获，但我花了将近一天半的时间在Phonegap中完成了这个。所以我把我所做的事情的样本放在这里。这对像我这样的新人会更有帮助。

首先，您需要从Github链接下载1. jquery.signaturepad.css、2.jquery.signaturepad.js和3.json2.min.js，并实现签名应用程序n。

index.html:

 <html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title></title>
 <link href="jquery.signaturepad.css" rel="stylesheet">
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css" />
<script type="text/javascript" src="cordova.js"></script>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
<script src="jquery.signaturepad.js"></script>

</head>
<body>
 <form method="post" action="" class="sigPad">
    <label for="name">Print your name</label>
    <input type="text" name="name" id="name" class="name">
    <p class="typeItDesc">Review your signature</p>
    <p class="drawItDesc">Draw your signature</p>
    <ul class="sigNav">
      <li class="typeIt"><a href="#type-it" >Type It</a></li>
      <li class="drawIt"><a href="#draw-it" class="current" >Draw It</a></li>
      <li class="clearButton"><a href="#clear">Clear</a></li>
    </ul>
    <div class="sig sigWrapper">
      <div class="typed"></div>
      <canvas class="pad" width="198" height="55" id="sigmy"></canvas>
      <input type="hidden" name="output" class="output">
    </div>
    <div><input type="button" value="Create" id="mysign" onclick="setImage();"></div>
    <button type="submit">I accept the terms of this agreement.</button>
     <img  width="198" height="55" id="sigmy1">
  </form>
  <script src="jquery.signaturepad.js"></script>
  <script>
   var a;
    $(document).ready(function() {
     $('.sigPad').signaturePad();
    });
    function setImage() {
    var a = $("#sigmy")[0];
    var b= a.toDataURL();
    document.getElementById("sigmy1").src=b;
    }
  </script>
  <script src="json2.min.js"></script>
</body>
</html>

参考这个

不要忘记include cordova.js和library and xml。我们还可以使用这个插件进行多重签名并过滤Draw或Print。以上就是Signature应用程序准备就绪的全部内容。请随时提出任何疑问。

您只需要使用一些JQuery或JavaScript即可绘制签名&节省时间编写自己的代码。

检查一下这个可能对你有帮助。

相关文章：