사인메이커

사이트 소개

사인메이커는 무엇을, 왜 만드는가

이 도구를 만든 이유

계약서나 신청서에 서명을 넣어야 할 때 많은 사람이 이렇게 합니다. 종이에 사인을 하고, 휴대폰으로 찍고, 포토샵에서 배경을 지우고, 다시 문서에 붙여 넣습니다. 결과물은 대체로 지저분합니다. 그림자가 남거나, 배경이 회색으로 뜨거나, 확대하면 화질이 뭉개집니다.

온라인 서명 도구도 여럿 있지만, 대부분 선이 각지고 울퉁불퉁하게 그려집니다. 마우스가 보낸 좌표를 그대로 직선으로 이어 붙이기 때문입니다. 사인메이커는 “화면에서 그렸는데도 종이에 쓴 것처럼 보이는 서명”을 목표로 만들었습니다.

선을 예쁘게 만드는 방법

사인메이커는 입력된 좌표를 그대로 사용하지 않고 다음 단계를 거칩니다.

  1. 손떨림 보정 — 포인터 좌표에 지수 이동 평균을 적용해 미세한 흔들림을 제거합니다.
  2. 곡선 보간 — 듬성듬성한 좌표 사이를 캣멀롬(Catmull-Rom) 곡선으로 채워 1.5픽셀 간격의 매끄러운 경로를 만듭니다.
  3. 가변 굵기 — 획의 속도, 태블릿 펜의 필압, 펜촉 각도를 계산해 지점마다 굵기를 다르게 잡습니다. 빠른 획은 가늘고, 시작과 끝은 자연스럽게 뾰족해집니다.
  4. 외곽선 채우기 — 선을 긋는 대신 획의 좌우 테두리를 계산해 하나의 도형으로 채웁니다. 덕분에 획이 겹쳐도 마디마다 얼룩이 생기지 않습니다.

또한 그려진 서명은 픽셀이 아니라 좌표 데이터로 보관됩니다. 그래서 저장 시점에 원하는 배율로 다시 그려낼 수 있고, 벡터 형식인 SVG로도 내보낼 수 있습니다.

개인정보를 다루는 원칙

서명은 민감한 정보입니다. 사인메이커는 서명 데이터를 서버로 보내지 않습니다. 그리기, 이미지 변환, 다운로드까지 모든 과정이 이용자의 브라우저 안에서만 실행됩니다. 페이지를 한 번 불러온 뒤에는 인터넷 연결을 끊어도 정상적으로 동작합니다. 자세한 내용은 개인정보처리방침을 참고하세요.

지원 환경

운영 및 문의

사인메이커는 광고 수익으로 운영되는 무료 서비스입니다. 기능 제안이나 오류 신고는 언제든 환영합니다.
이메일: autoearn11254@gmail.com