[Core Graphics]CGAffineTransform 2편 - 기울기와 회전

https://developer.apple.com/documentation/coregraphics/cgaffinetransform?language=objc

CGAffineTransform | Apple Developer Documentation

https://rongios.tistory.com/12

[Core Graphics]CGAffineTransform 1편 - Scale, AnchorPoint

1편에서는 아핀 변환 행렬의 기본적인 형태와 Scale 값이 어떻게 적용되는지 알아봤다

 

이제 남은건 기울기와 회전이다!

 

기울기와 회전은 CGAffineTransform에 해당 값을 지정했을 때 어떻게 되는지만 보도록 하겠다(귀찮음 이슈)

 

기울기

아핀 변환 행렬

저번에 봤던 아핀 변환 행렬이다

지난번에는 A와 D 즉 ScaleX와 ScaleY 값으로 이미지를 늘리고 줄이고 뒤집는 동작을 해봤다

 

이번에 다룰 것은 B와 C 값이다

 

B는 Y축으로 기울어지는 효과(shearY) 를 준다! 아래처럼!! 

imageView.transform = CGAffineTransform(1, 1, 0, 1, 0, 0)

 

 

C는 그렇다면 X축으로 기울어지는 효과를 준다!

imageView.transform = CGAffineTransform(1, 0, 1, 1, 0, 0)

 

회전

회전은 다음과 같은 코드로 적용한다

imageView.transform = CGAffineTransform(rotationAngle: CGFloat.pi / 4)

 

회전하는 각도를 지정해주고 위처럼 코드를 적용해주면 된다!

 

위에 대로면 45도를 회전할 수 있겠지?

 

짜잔!! 

 

참고로 회전 각도가 아핀 변환 행렬에서는 아래와 같이 적용된다!

 

이렇게 회전까지!! 끝!!

 

1편이 너무 길어지는 것 같아서 따로 뺐는데 막상 여기 분량을 보니 1편에 합쳤어도 무방할 분량인 것 같다...