방문해 주셔서 감사합니다! 항상 행복하세요! - 문의사항은 메일 또는 댓글로 언제든 연락주세요. - "해줘","답 내놔" 같은 질문은 답변드리지 않습니다. - 메일주소 : lts06069@naver.com x position1 Html canvas 그리는 좌표 저장 기능(x, y position) Html 캔버스에서 내가 원하는 그림을 그린 뒤 좌표로 나타내기 위해 제작하여 보았습니다. 좌표값은 4가지 형태로 저장하였습니다. 데이터를 단순하게 그릴 x좌표값, y좌표값 그리고 다른 캔버스에서 사용하기 위해 준비한 비율값인 rateX, rateY값 입니다. 원하는 그림을 그린뒤 연결하게 하려면 2가지 이벤트가 선행 되어야 합니다. 1. 마우스가 Down 상태 입니다. 2. 1번 조건이 만족한 상태로 마우스가 move 합니다. 이때가 그리기 시작을 의미 합니다. 3. 2번 상태에서 마우스가 up 인 경우에는 그리기가 종료되었음을 의미 합니다. 이러한 이벤트에 기능 붙이는것은 이제 어렵지 않습니다. 아래 코드처럼 기본 틀을 만들어 줍니다. const canvas = document.getElementBy.. 2021. 3. 4. 이전 1 다음