#origin
Read more stories on Hashnode
Articles with this tag
이번 편은 이전 편으로부터 이어집니다. 핀치 때와 마찬가지로 기준점에 대해 한번 생각해 봅시다. 마찬가지로 고정된 포인터를 기준점으로 생각할 수 있습니다. 이를 수행하기 위한 변환 행렬은 아래와 같습니다. $$\begin{aligned} \begin{pmatrix}...
이번 편은 이전 편으로부터 이어집니다. 이번에는 기준점에 대해 한번 생각해 봅시다. 포인터 이벤트는 하나의 포인터에 대해 개별적으로 발생합니다. 두 포인터의 이동이 거의 동일하더라도 말이지요. 따라서 두 포인터에 대해 움직이는 포인터와 고정된 포인터로 생각할 수...
잠깐! transform에 대해 아직 잘 모른다면 [CSS] 변환 행렬을 먼저 읽어보세요! 상황에 따라 동적으로 뷰포트에 대한 transform-origin의 좌표를 구해야 할 수 있습니다. 대상이 변환이 수행되지 않은 경우라면...
![[TypeScript] 제스처로 대화하기. #17 - 로테이트 편(with. 기준점)](https://cdn.hashnode.com/res/hashnode/image/stock/unsplash/gq8V_6N3fNo/upload/65a61843d2fea947ae7031a7ee51a5c8.jpeg?w=1600&h=840&fit=crop&crop=entropy&auto=compress,format&format=webp)
![[TypeScript] 제스처로 대화하기. #15 - 핀치(with. 기준점) 편](https://cdn.hashnode.com/res/hashnode/image/stock/unsplash/uRqAjW1l8TY/upload/182c99f4dacddfb8cc725e54153b91d2.jpeg?w=1600&h=840&fit=crop&crop=entropy&auto=compress,format&format=webp)
![[TypeScript] 변환 원점 찾기](https://cdn.hashnode.com/res/hashnode/image/stock/unsplash/9aOswReDKPo/upload/56a32a22333735abf7c70a4409faaced.jpeg?w=1600&h=840&fit=crop&crop=entropy&auto=compress,format&format=webp)
