HTML5 그래픽 캔버스
* 캔버스 HTML5에서는 태그를 이용하여 웹페이지 상에 직접 그래픽 처리를 할 수 있음. - 캔버스 생성 : - 화면의 좌측상단이 캔버스의 원점(기준점) * 컨텍스트 객체 : 캔버스에 그림을 그리는 객체캔버스객체.getContext("2d") * 그래픽 method- 좌표 이동 : moveTo(x,y)- 선그리기 : lineTo(x,y)- 사각형 그리기 : rect(x,y,width,height)- 원 그리기 : arc( x, y, radius, startAngle, endAngle, antiClockwise )antiClockwise : 반시계방향(true), 시계방향(false)- 색상 채우기 : 컨텍스트.fillStyle = "색상";- 이미지 그리기 : drawImage( 그림, x, y )
더보기
단축키
내 블로그
| 내 블로그 - 관리자 홈 전환 |
Q
Q
|
| 새 글 쓰기 |
W
W
|
블로그 게시글
| 글 수정 (권한 있는 경우) |
E
E
|
| 댓글 영역으로 이동 |
C
C
|
모든 영역
| 이 페이지의 URL 복사 |
S
S
|
| 맨 위로 이동 |
T
T
|
| 티스토리 홈 이동 |
H
H
|
| 단축키 안내 |
Shift + /
⇧ + /
|
* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.