상세 컨텐츠

본문 제목

자바스크립트 기초 4

배움/Javascript

by Macy 2023. 1. 9. 20:12

본문

transform 내의 속성은 

translate 좌표계 내의 이동

rotate 캔버스 좌표계 회전

scale 캔버스 좌표계를 상하,좌우로 늘이거나 줄임

skewing 캔버스 좌표계를 비틈(경사넣기)

가 있다.

 

새로운 경로를 시작할 때는 beinPath();함수를 사용한다.

 

rotate 함수를 쓸 때는 각도가 아닌 radian 이라는 함수를 쓴다.

radian은 각의 측정법 중 육십분법으로 측정하는 단위이다.

90도를 회전하고 싶다면 context.radian(90*Math.PI)라고 쓴다.

 

행렬개념을 매트릭스라고 하는데

기준점을 바꾸는 기준이라고 볼 수 있다.

 

settransform은 translate,skewing,scale을 동시에 실행할 수 있는 함수이다.

 

'배움 > Javascript' 카테고리의 다른 글

자바스크립트 기초 6  (0) 2023.01.10
자바스크립트 기초5  (0) 2023.01.09
자바스크립트 캔버스 태그 활용하기  (0) 2023.01.06
자바스크립트 기초 2  (0) 2023.01.06
자바스크립트 기초  (0) 2023.01.04

관련글 더보기