phonegap 签名抽奖

Posted

技术标签:

【中文标题】phonegap 签名抽奖【英文标题】:Signature Draw for phonegap 【发布时间】:2013-11-29 07:06:31 【问题描述】:

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

【问题讨论】:

除非您分享一些您尝试过的代码和遇到的问题,否则没有人可以提供帮助。 【参考方案1】:

我已经使用上面的Chintankethiya answer 完成了这个签名捕获,但是我花了将近一天半的时间在 Phonegap 中完成这个。所以在这里我放了我所做的样本。对我这样的新人会更有帮助。

首先你需要从Github link下载1. jquery.signaturepad.css2.jquery.signaturepad.js3.json2.min.js并实现签名应用程序。

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"   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    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>

Refer this one

别忘了include cordova.jslibrary and xml。我们也可以做多个签名,并使用这个插件过滤 Draw 或 Print。这就是签名应用程序的所有准备工作。如有任何疑问,请随时提出。

【讨论】:

Canvas 即将推出(浏览器和设备),但不幸的是它没有绘制任何东西。可能我错过了librayxml 中的某些内容。您能否请我参考一些我可以适当使用它们的文档。第二;我试图运行cordova plugin add https://github.com/thomasjbradley/signature-pad.git;但最终出现错误Either there is a connection problem or plugin spec is incorrect: CordovaError: Cannot find plugin.xml for plugin '1444043036559'. Please try adding it again。我确定没有连接问题:)。请求一点帮助!【参考方案2】:

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

Check this可能对你有帮助。

【讨论】:

以上是关于phonegap 签名抽奖的主要内容,如果未能解决你的问题,请参考以下文章

适用于所有设备的 Phonegap 通用签名捕获

使用自签名证书通过 HTTPS 进行 CORS 请求的 Phonegap 应用程序

在 Windows 中为 PhoneGap 构建 iOS 签名密钥

PhoneGap - 未安装应用程序已安装的同名现有软件包具有冲突的签名

PhoneGap/Cordova Android应用签名公布注意事项

我是不是需要拥有 iPhone 才能获得签名密钥? (或者:我可以在没有 iPhone 的情况下构建我的 Phonegap 应用程序吗?)