[ 2022-08-15 🇰🇷 TIL ]

광복절🇰🇷

오늘은 화면에서 좌표계를 이용하여 도형을 그렸습니다.

 func DrawTree(){
        UIGraphicsBeginImageContext(imgView.frame.size)
        //컨텍스트(도화지와 비슷한 개념) 사이즈를 지정
        let context = UIGraphicsGetCurrentContext()!
        //지정된 옵션에 맞게 컨텍스트를 생성해줍니다.
        
        context.setLineWidth(2.0)//그려질 선의 굵기
        context.setStrokeColor(UIColor.brown.cgColor)//선의 색깔
        context.setFillColor(UIColor.brown.cgColor)//채워질 색깧
        
        context.move(to: CGPoint(x: 140, y: 450))//그림을 시작할 위치
        context.addLine(to: CGPoint(x: 170, y: 200))//(170.200)까지 선을 긋는다.
        context.addLine(to: CGPoint(x: 200, y: 450))//(200, 450)까지 선을 긋는다.
        context.addLine(to: CGPoint(x: 140, y: 450))//(140, 450)까지 선을 긋는다.
        context.fillPath()//그려진 도형에 색깔을 채워준다.
        context.strokePath()//도화지에 그려진 도형을 적용한다.
        //삼각형
        
        context.setLineWidth(1.0)
        context.setStrokeColor(UIColor.green.cgColor)
        let circle1 = CGRect(x: 120, y: 150, width: 100, height: 100)
        //CGRect를 이용하여 (120,150) 에서 시작하여 가로 100, 높이 100 사각형 생성 .
        context.addEllipse(in: circle1)//지정한 사각형을 내적하는 원을 그림
        context.strokePath()
        //원
        
        context.setLineWidth(1.0)
        context.setStrokeColor(UIColor.red.cgColor)
        context.setFillColor(UIColor.red.cgColor)
        let rectangle = CGRect(x: 70, y: 50, width: 200, height: 100)
        context.addRect(rectangle)//지정한 사각형을 그림
        context.fill(rectangle)
        context.strokePath()
        //사각형
        
        imgView.image = UIGraphicsGetImageFromCurrentImageContext()
        //imageView에 그린 컨텍스트를 이미지로 변환하여 보여준다.
        UIGraphicsEndImageContext()
        //그리기흫 마친다.
    }

오늘 코드를 작성하다 좌표의 원점 기준이 생각과는 다른 것을 알게 되었습니다.
(1사분면 기준으로 생각하여 원점이 왼쪽의 아래부터 인 줄 알았다.)

인터넷을 통하여 알아보니
맥북앱에서는 기본으로 1사분면 기준으로 좌표계를 사용하지만
ios앱에서는 기본 4사분면 기준으로 좌표계를 사용한다는 것을 알게되었습니다.

이미지 출처: https://developer.apple.com/library/archive/documentation/General/Conceptual/Devpedia-CocoaApp/CoordinateSystem.html

좌표계를 사용할 때 원하는 대로 원점을 변경할 수 있는지는 명확하지는 않지만 왠지 찾아보면 있을것같은...