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 | 82 |
30 | iframe 다루기 | 황제낙엽 | 2017.02.27 | 1821 |
29 |
Multiple Canvas Layer 예제
![]() | 황제낙엽 | 2016.08.23 | 128 |
28 | Canvas 개요 | 황제낙엽 | 2016.08.22 | 177 |
27 |
Canvas 확대
![]() | 황제낙엽 | 2016.08.22 | 136 |
» | Canvas setTransform 함수 | 황제낙엽 | 2016.08.22 | 148 |
25 |
Canvas 회전
![]() | 황제낙엽 | 2016.08.22 | 152 |
24 |
Canvas 영역 선택
![]() | 황제낙엽 | 2016.08.22 | 141 |
23 | Canvas CanvasRenderingContext2D Context 속성 | 황제낙엽 | 2016.08.22 | 91 |
22 | Canvas 도형의 클릭 이벤트 처리 | 황제낙엽 | 2016.08.22 | 351 |
21 | Canvas 이미지 추출 | 황제낙엽 | 2016.08.22 | 202 |
20 | Canvas 더블버퍼링 | 황제낙엽 | 2016.08.22 | 281 |
19 |
Canvas 비트맵 그리기
![]() | 황제낙엽 | 2016.08.22 | 124 |
18 |
Canvas 그라디언트 그리기
![]() | 황제낙엽 | 2016.08.22 | 141 |
17 |
Canvas 텍스트 그리기
![]() | 황제낙엽 | 2016.08.22 | 102 |
16 |
Canvas 곡선 그리기
![]() | 황제낙엽 | 2016.08.22 | 493 |
15 |
Canvas 다각형 그리기
![]() | 황제낙엽 | 2016.08.22 | 196 |
14 |
Canvas 사각형 그리기
![]() | 황제낙엽 | 2016.08.22 | 141 |
13 |
Canvas 시작하기
![]() | 황제낙엽 | 2016.08.22 | 100 |
12 | Vector Markup Language | 황제낙엽 | 2012.12.20 | 117 |