일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 |
Tags
- 시놀로지
- html/css
- 소비전력
- SKT
- 가상서버호스팅
- 티스토리
- mysql
- 워드프레스
- 복현오거리
- 자바스크립트
- php
- Apache
- centos
- proxmox
- 킹북이초월
- 알리익스프레스
- ConoHa
- 윈도우10
- 알뜰폰
- 리눅스
- 아파치
- iptime
- KB증권
- Ajax
- jQuery
- 램가스초월
- 보르비스초월
- KB국민카드
- 거제도
- 스톤에이지
- Today
- Total
목록canvas (1)
맛집 여행 캠핑 일상 생활
CANVAS 이미지 그리기 예제
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..
JAVASCRIPT
2016. 5. 23. 18:43