서명 만들기 — 온라인에서 직접 서명하기

이 서명 만들기 도구가 실제로 하는 일

패드는 포인터 이벤트를 받는 HTML 캔버스라 마우스, 트랙패드, 손가락, 필압 감지 스타일러스가 하나의 코드 경로를 함께 씁니다. 기기가 보고하는 모든 표본이 위치와 시각과 함께 기록되며, 주사율이 높은 디지타이저에서는 두 애니메이션 프레임 사이에 쌓인 추가 표본까지 병합 이벤트 목록에서 읽어 옵니다. 빠르게 휘갈긴 획도 화면이 다시 그려지는 속도가 아니라 하드웨어가 만들어 낸 속도 그대로 담긴다는 뜻입니다. 이 원시 표본들은 직선으로 잇지 않습니다. 각 표본점이 2차 베지에 곡선의 제어점이 되고, 곡선은 이웃 표본 사이의 중점을 지나갑니다. 이 중점 방식 덕분에 결과가 지진계 기록이 아니라 손글씨처럼 읽히며, 모든 조각이 앞 조각이 끝난 지점에서 정확히 시작하므로 획에 이음매가 보이지 않습니다. 굵기는 획을 따라 변합니다. Apple Pencil이나 그래픽 태블릿 펜처럼 실제로 변하는 필압을 보고하는 기기라면 그 값이 선 굵기를 직접 결정합니다. 마우스는 항상 0.5를 보고하고 많은 터치스크린은 하나의 값만 계속 보고하므로 필압 필드가 있다는 것만으로는 아무것도 증명되지 않습니다. 그래서 이 도구는 획을 그리는 동안 필압이 실제로 변할 때만 그 값을 믿고, 그렇지 않으면 포인터 속도로 대체해 천천히 그은 곡선은 굵게, 빠르게 튕긴 획은 가늘게 그립니다. 범위는 선택한 펜 굵기의 40~160퍼센트입니다. 각 굵기는 직전 값과 비교해 걸러지므로 튀는 표본 하나가 선에 혹을 남기지 않습니다. 내려받을 때는 획을 화면 밖에서 패드의 세 배 크기로, 완전히 투명한 캔버스 위에 다시 렌더링하고, 모든 픽셀의 알파 채널을 훑어 획의 경계 상자를 찾은 뒤, 선택한 여백을 더한 그 상자에 맞춰 이미지를 자릅니다. PNG는 알파 채널을 유지하고, JPG 옵션은 JPEG에 투명도가 전혀 없으므로 잘라낸 영역을 먼저 흰색 위에 그립니다. 획은 페이지 메모리에만 존재합니다. 업로드되는 것이 없고 탭을 새로 고치면 사라집니다.