온라인으로 사인받기 (계약서, 동의서등)
온라인으로 계약서 또는 동의서 등에 사용자의 사인을 받기 위해 제작되었고, 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 라이브러리를 포함하여야 합니다.
제 질문은 그누보드가 아닌 일반 페이지에서 사용하려 하니 에러가 나온 것입니다.
배경이 투명한 이미지로 저장할 수는 없을까요?
게시판 목록
그누보드5 팁자료실
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 공지 | 3년 전 | 4402 | ||
| 2694 | 2개월 전 | 188 | ||
| 2693 | 2개월 전 | 148 | ||
| 2692 | 2개월 전 | 158 | ||
| 2691 | 2개월 전 | 174 | ||
| 2690 | 2개월 전 | 326 | ||
| 2689 | 2개월 전 | 234 | ||
| 2688 |
 SIR개발팀 |
2개월 전 | 441 | |
| 2687 | 2개월 전 | 292 | ||
| 2686 |
선택과집중
|
2개월 전 | 329 | |
| 2685 | 2개월 전 | 291 | ||
| 2684 | 2개월 전 | 346 | ||
| 2683 | 2개월 전 | 481 | ||
| 2682 | 2개월 전 | 276 | ||
| 2681 | 2개월 전 | 302 | ||
| 2680 |
선택과집중
|
2개월 전 | 278 | |
| 2679 | 2개월 전 | 330 | ||
| 2678 |
 Xenon54 |
3개월 전 | 429 | |
| 2677 |
Xenon54 |
3개월 전 | 502 | |
| 2676 | 3개월 전 | 326 | ||
| 2675 | 3개월 전 | 304 | ||
| 2674 |
선택과집중
|
3개월 전 | 480 | |
| 2673 |
 ideaman |
3개월 전 | 322 | |
| 2672 | 3개월 전 | 335 | ||
| 2671 | 3개월 전 | 284 | ||
| 2670 | 3개월 전 | 260 | ||
| 2669 | 3개월 전 | 374 | ||
| 2668 | 3개월 전 | 289 | ||
| 2667 |
선택과집중
|
3개월 전 | 484 | |
| 2666 |
선택과집중
|
3개월 전 | 470 | |
| 2665 |
선택과집중
|
3개월 전 | 404 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기