Home: Class - Matrix

Class: Matrix

canvas에서 객체의 좌표, 회전, 규모를 변경하려면 setTransform(...matrix)을 이용해야한다. 이 객체는 matrix의 인자가 될 값들을 나타낸다. matrix에 대한 자세한 설명은 아래 url에서 찾아볼 수 있다. https://angrytools.com/css-generator/transform/ matrix => a = x크기 * cos(라디안) a c x b = x크기 * sin(라디안) b d y c = y크기 * -sin(라디안) 0 0 1 d = y크기 * cos(라디안) x = x좌표 y = y좌표

Usage

3x3행렬의 기본행렬의 원소중에 a, b, c, d, x, y위치에 해당하는 값이 초기화된다.

                    
                        new Matrix()

Source:: ./src/engine/data-structure/matrix.js, line 17

Members

a: number

Type:: {number}
Source:: ./src/engine/data-structure/matrix.js, line 26
Default Value:: 1

b: number

Type:: {number}
Source:: ./src/engine/data-structure/matrix.js, line 28

x: number

Type:: {number}
Source:: ./src/engine/data-structure/matrix.js, line 30

c: number

Type:: {number}
Source:: ./src/engine/data-structure/matrix.js, line 32

d: number

Type:: {number}
Source:: ./src/engine/data-structure/matrix.js, line 34
Default Value:: 1

y: number

Type:: {number}
Source:: ./src/engine/data-structure/matrix.js, line 36

Methods

multiply(other)

이 matrix에 인자로 전달받은 matrix를 행렬곱하여 반환한다.

 this    other        result
a c x   A C X   aA+cB aC+cD aX+cY+x
b d y * B D Y = bA+dB bC+dD bX+dY+y
0 0 1   0 0 1       0     0       1

Source:: ./src/engine/data-structure/matrix.js, line 49

Parameters:

Name	Type	Description
`other`	Matrix	행렬곱을 할 대상