| sitelink1 | http://blog.naver.com/shadowbug/220743484809 |
|---|---|
| sitelink2 | |
| sitelink3 | |
| sitelink4 | |
| extra_vars5 | |
| extra_vars6 |
setTransform 함수는 변환함수를 그리기 위해서 가장 먼저 호출해야 하는 함수이다.
이 함수의 주 목적은 canvas의 기본 확대, 경사도, 이동거리를 설정하기 위해 사용된다.
|
|
설명 |
|
setTransform( a, b, c, d, e, f ) |
매개변수값 a : 수평으로 확대/축소율 b : 수직방향 경사율 c : 수평방향 경사율 d : 수직방향 확대/축소율 e : 수평방향 이동거리 f : 수직방향 이동거리 |
2D의 평면상태
2D에서의 평면상태는 아래와 같이
확대하지 않은 상태에 경사도 없고 이동도 하지 않은 상태를 나타낸다.
|
ctx.setTransform(1, 0, 0, 1, 0, 0); |
댓글 0
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 수 |
|---|---|---|---|---|
| 31 | div와 span의 차이점 (from Bing) | 황제낙엽 | 2023.06.16 | 273 |
| 30 | iframe 다루기 | 황제낙엽 | 2017.02.27 | 1999 |
| 29 |
Multiple Canvas Layer 예제
| 황제낙엽 | 2016.08.23 | 246 |
| 28 | Canvas 개요 | 황제낙엽 | 2016.08.22 | 311 |
| 27 |
Canvas 확대
| 황제낙엽 | 2016.08.22 | 250 |
| » | Canvas setTransform 함수 | 황제낙엽 | 2016.08.22 | 252 |
| 25 |
Canvas 회전
| 황제낙엽 | 2016.08.22 | 296 |
| 24 |
Canvas 영역 선택
| 황제낙엽 | 2016.08.22 | 249 |
| 23 | Canvas CanvasRenderingContext2D Context 속성 | 황제낙엽 | 2016.08.22 | 233 |
| 22 | Canvas 도형의 클릭 이벤트 처리 | 황제낙엽 | 2016.08.22 | 512 |
| 21 | Canvas 이미지 추출 | 황제낙엽 | 2016.08.22 | 325 |
| 20 | Canvas 더블버퍼링 | 황제낙엽 | 2016.08.22 | 441 |
| 19 |
Canvas 비트맵 그리기
| 황제낙엽 | 2016.08.22 | 265 |
| 18 |
Canvas 그라디언트 그리기
| 황제낙엽 | 2016.08.22 | 247 |
| 17 |
Canvas 텍스트 그리기
| 황제낙엽 | 2016.08.22 | 245 |
| 16 |
Canvas 곡선 그리기
| 황제낙엽 | 2016.08.22 | 657 |
| 15 |
Canvas 다각형 그리기
| 황제낙엽 | 2016.08.22 | 345 |
| 14 |
Canvas 사각형 그리기
| 황제낙엽 | 2016.08.22 | 268 |
| 13 |
Canvas 시작하기
| 황제낙엽 | 2016.08.22 | 259 |
| 12 | Vector Markup Language | 황제낙엽 | 2012.12.20 | 234 |
