DOM Canvas setTransform 함수

황제낙엽 2016.08.22 07:18 조회 수 : 69

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);