2013-11-29 4 views
2

Извините за повторное задание, но я не нашел простые сигнатурные плагины в телефоне. Я хочу захватить подпись для моего приложения для телефонных разговоров, поэтому я готов использовать этот файл link, но он не работает в phonegap, но workrd в браузерах, пожалуйста, предлагайте любые плагины или как разрабатывать sign sign в моем приложении для телефонных разговоров.Подпись Ничья для телефонного разговора

+0

Никто не может помочь, если вы не разделяете какой-то код, что вы пробовали, и какую проблему вы получаете. – Purus

ответ

3

Вы должны просто использовать JQuery или JavaScript, которые могут позволить нарисовать подпись. & сэкономьте свое время, чтобы написать собственный код.

Check this Возможно, это будет полезно для вас.

+0

Спасибо, что вам очень понравилось .... – Vini

+0

Пожалуйста, обновите ссылку. – IamKarim1992

4

Я сделал этот захват подписи, используя выше Chintankethiya Ответ, но я потрачу почти полтора дня, чтобы сделать это в Phonegap. Поэтому здесь я поставил образец того, что я сделал. Это будет более полезно для таких новичков, как я.

Сначала вам нужно скачать 1. jquery.signaturepad.css, 2.jquery.signaturepad.js и 3.json2.min.js от Github link и реализации applicationn подписи.

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> 

Refer this one

Не забудьте include cordova.js и library and xml. Мы также можем сделать несколько подписи и фильтровать Draw или Print с помощью этого плагина. Это все приложение подписи будет готово. Не стесняйтесь задавать любые сомнения.

+0

Надвигается холст (как браузер, так и устройство), но, к сожалению, он ничего не рисует. Может быть, я пропустил что-то в 'libray' и' xml'. Не могли бы вы сослаться на какую-нибудь документацию, где я могу использовать их надлежащим образом. Во-вторых, Я попытался запустить 'cordova plugin add https: // github.com/thomasjbradley/signature-pad.git'; но в итоге с ошибкой «Либо есть проблема с подключением, либо неверна спецификация плагина: CordovaError: Не удается найти plugin.xml для плагина« 1444043036559 ». Повторите попытку. Уверен, что проблема связи отсутствует :). Заранее попробуйте !! –

Смежные вопросы