온라인으로 사인받기 > 그누보드팁

• 목록

• 페이스북 공유
• 트위터 공유

안녕하십니까?

유토하우스 유토맨입니다

위 자료는 sir에서 자료에서 인용된 부분입니다

닉네임 : 루미집사 님 자료입니다

위 부분은 그누보드 게시판을 이용하여 추가작업이 필요할듯 합니다

혹시 추가된 자료가 있으면 차후 공개하도록 하겠습니다

------------------------------

온라인으로 계약서 또는 동의서 등에 사용자의 사인을 받기 위해 제작되었고, CANVAS로 사인을 받습니다. 

첨부된 샘플 파일을 참고하여 계약서나 동의서등 사인받는 위치에 추가하여 활용하시면 될듯 합니다.
 

총 3개의 파일로 되어 있습니다.

sign.php

sign.css

sign.js

테스트페이지 : http://new.suu.kr/page/sign.php

테스트페이지는 이해를 돕기위해 제작된 페이지로 이미지가 저장되거나 일부 기능은 작동하지 않습니다.

기본적으로 그누보드에서 사용하도록 되어 있으나 php 파일 코드를 수정하여 다른 곳에서도 충분히 사용할 수 있습니다.
계약서번호나 특정 문자를 배경으로 추가하여 서명을 다른곳에 사용하지 못하도록 방지할 수 있습니다.

Canvas에서 그려진 데이타는 이미지데이타를 DB에 직접 저장하거나 이미지 파일로 저장하시면 됩니다.
이미지 데이타를 이미지파일로 변환하려면 아래와 같은 방식으로 처리하시면 됩니다.
 

// 여기서부터 서명 base64 이미지로 저장하기.
// $filePATH 는 서명이미지가 저장될 위치입니다.
$_tmp = explode(";base64,", $_POST['signature']);
if(count($_tmp) > 0) {
    $signFilename = $member['mb_id'] . "_" . $id_no . "_" . $res['ctNo'] . "_sign.png"; // {회원아이디}_{계약서고유번호}_{계약번호}_sign
    $signFilePATH = $filePATH . $signFilename; // 사인파일
    $signImageData = base64_decode($_tmp[1]);
    $fp = fopen($signFilePATH, "wb");
    if($fp) {
        fwrite($fp, $signImageData);
        fclose($fp);
        echo "서명파일 생성 성공";
    }
    else {
        $signFilename = ""; // 서명파일 생성 실패시
        echo "서명파일 생성 실패";
    }
}