테스트 사이트 - 개발 중인 베타 버전입니다

canvas 관련질문입니다. 채택완료

열매 3년 전 조회 1,928

그누보드와는 상관없는 질문입니다.

 

 

https://webwhiteboard.com/

 

위 주소 사이트는 canvas 를 이용한 필기 웹인데요.

 

위 사이트를 보면 펜 아이콘을 클릭하고

 

펜으로 글씨를 쓰면 글자가 쓰여지는데..

 

한 손가락으로 글씨를 쓰면 글씨가 쓰여지지 않고 화면이 이동을 합니다. 

 

손가락과 펜을 구분 한다는 이야기 인데 이게 웹으로도 가능한거 같은데요..

 

혹시 이런기능은 어떻게 가능한가요?

댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트
3년 전

https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent/pointerType

자바스크립트에서 펜과 터치 클릭을 구분할 수 있습니다
해당 처리를 한게 아닌가 싶네요

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

열매
3년 전
감사합니다. 이게 될지는 한 번 소스를 적용해봐야겠네요..

감사합니다.

댓글을 작성하려면 로그인이 필요합니다.

3년 전

손가락과 펜을 구분하는건 아닌것 같습니다.

처음 아무 액션도 안취했을때만 한 손가락 으로 화면이동이 되고

도구를 터치하면 그때 부턴 두 손가락으로 화면이동이 됩니다.

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

열매
3년 전
답변 감사합니다.

도구를 터치하면 그때부턴 두 손가락으로 화면이동이 됩니다.
위 말씀이 맞습니다.

그런데 이상한건.. 위 상태에서 펜으로 글쓰를 쓰면 쓰여 집니다.
그리고 바로 한 손가락으로 움직이면 화면이 움직입니다.

펜과 손가락 하나를 사용할때는 손가락 하나 일 때와 펜을 구분하는거 같습니다.

갤럭시 노트폰과 아이패드에서 해봤는데 손가락 하나 일때와 펜을 구분하는것 같습니다.

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인