온라인으로 사인받기 (계약서, 동의서등)
온라인으로 계약서 또는 동의서 등에 사용자의 사인을 받기 위해 제작되었고, CANVAS로 사인을 받습니다.
첨부된 샘플 파일을 참고하여 계약서나 동의서등 사인받는 위치에 추가하여 활용하시면 될듯 합니다.
총 3개의 파일로 되어 있습니다.
sign.php
sign.css
sign.js
테스트페이지 : http://new.suu.kr/page/sign.php
테스트페이지는 이해를 돕기위해 제작된 페이지로 이미지가 저장되거나 일부 기능은 작동하지 않습니다.
기본적으로 그누보드에서 사용하도록 되어 있으나 php 파일 코드를 수정하여 다른 곳에서도 충분히 사용할 수 있습니다.
계약서번호나 특정 문자를 배경으로 추가하여 서명을 다른곳에 사용하지 못하도록 방지할 수 있습니다.
Canvas에서 그려진 데이타는 이미지데이타를 DB에 직접 저장하거나 이미지 파일로 저장하시면 됩니다.
이미지 데이타를 이미지파일로 변환하려면 아래와 같은 방식으로 처리하시면 됩니다.
[code]
// 여기서부터 서명 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 "서명파일 생성 실패";
}
}
[/code]
댓글 22개
네이버는 이메일보낼때 이미지 발송이 됩니다. 구글은 안되더라고요..
그점 확인하시고 사용하시면 더욱 좋을것 같습니다.
이렇게 요청하 소스를 공개해 주셔서 감사합니다. 갑자기 바빠져서 이제서야 적용해 봅니다.
비 전문가 입장에서 질문있습니다. 답변 가능 하시면 부탁드리겠습니다.
먼저 감사 드립니다.
[질문]
그누보드가 아닌 일반 페이지에 적용 중입니다.
아래와 같이 그누보드 아닌 것은 주석처리 했습니다. 하지만 css/script 부분은 필요한 부분 같은데 그대로 두니 오류가 나옵니다. 아래 설치 URL 참고 해주세요.
설치 URL: https://url.kr/web_tools/sign/
[http://sir.kr/data/editor/2111/1ea8fb4c441708016568828756005bf0_1636760111_7497.jpg]
만약, 댓글처럼 주석처리를 하게 되면 그누보드에서 사용하는 함수나 각종 함수 및 CSS나 JS 파일을 포함하지 않기 때문에 정상적으로 작동하지 한게 됩니다.
add_javascript나 add_stylesheet 같은 함수는 그누보드에서 선언된 함수로 그누보드 최상단의 "common.php"파일을 포함하여야 하고, 위 함수들의 위치는 "/lib/common.lib.php" 파일에 포함되어 있습니다.
그리고, jquery를 기본적으로 사용하기 때문에 jquery 라이브러리를 포함하여야 합니다.
제 질문은 그누보드가 아닌 일반 페이지에서 사용하려 하니 에러가 나온 것입니다.
배경이 투명한 이미지로 저장할 수는 없을까요?