transform 내의 속성은
translate 좌표계 내의 이동
rotate 캔버스 좌표계 회전
scale 캔버스 좌표계를 상하,좌우로 늘이거나 줄임
skewing 캔버스 좌표계를 비틈(경사넣기)
가 있다.
새로운 경로를 시작할 때는 beinPath();함수를 사용한다.
rotate 함수를 쓸 때는 각도가 아닌 radian 이라는 함수를 쓴다.
radian은 각의 측정법 중 육십분법으로 측정하는 단위이다.
90도를 회전하고 싶다면 context.radian(90*Math.PI)라고 쓴다.
행렬개념을 매트릭스라고 하는데
기준점을 바꾸는 기준이라고 볼 수 있다.
settransform은 translate,skewing,scale을 동시에 실행할 수 있는 함수이다.
자바스크립트 기초 6 (0) | 2023.01.10 |
---|---|
자바스크립트 기초5 (0) | 2023.01.09 |
자바스크립트 캔버스 태그 활용하기 (0) | 2023.01.06 |
자바스크립트 기초 2 (0) | 2023.01.06 |
자바스크립트 기초 (0) | 2023.01.04 |