elecSign.js

모바일웹에서 싸인을 받을수 있게 구현된 플러그인

샘플영상

다운로드

elecSign.js V1.2 다운로드

설치/사용법

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="/js/elecSign.js"></script>

<script>
    $(function(){
        $('#can').elecSign();
    });
</script>

<body>
    <form method="post" action="index.php">
        <canvas id="can" width='300px' height="300px"></canvas><br/>
        <input type="submit" value="전송">
    </form>
</body>

 

1. 제이쿼리 설치가 필요 합니다.

 

 

 

 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="/js/elecSign.js"></script>

<script>
    $(function(){
        $('#can').elecSign();
    });
</script>

<body>
    <form method="post" action="index.php">
        <canvas id="can" width='300px' height="300px"></canvas><br/>
        <input type="submit" value="전송">
    </form>
</body>

 

2. 다운로드 받은 플러그인을 설치 합니다.

 

 

 

 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="/js/elecSign.js"></script>

<script>
    $(function(){
        $('#can').elecSign();
    });
</script>

<body>
    <form method="post" action="index.php">
        <canvas id="can" width='300px' height="300px"></canvas><br/>
        <input type="submit" value="전송">
    </form>
</body>

 

3. CANVAS 태그를 작성 합니다.

 

 

 

 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="/js/elecSign.js"></script>

<script>
    $(function(){
        $('#can').elecSign();
    });
</script>

<body>
    <form method="post" action="index.php">
        <canvas id="can" width='300px' height="300px"></canvas><br/>
        <input type="submit" value="전송">
    </form>
</body>

 

4. 자동으로 실행 될수 있게 위와 같이 함수를 작성 합니다.

 

 

 

 

플러그인 설치/보수는 무료로 지원 하지 않습니다.
위로

잠시만 기다려주세요.