맛집 여행 캠핑 일상 생활

CANVAS 이미지 그리기 예제 PC(마우스) 및 모바일(touch) 브라우저에서도 그리기가 가능한 jQuery 및 HTML 소스입니다. mousedown -> mousemove -> mouseup (좌표 : e.offsetX, e.offsetY) touchstart -> touchmove -> touchend (좌표 : e.touches[0].pageX, e.touches[0].pageY) event 가 서로 다릅니다. 터치스크린은 screenX, screenY, clientX, clientY 가 아닌 pageX Y 값에 canvas 좌표 만큼 빼줘야 합니다. 아래에서 그리기 테스트를 해보세요. 실사용이 가능한 수준으로 만들어 보았습니다. Canvas not supported 1px 2px 3px 5p..