scaledToFit: 이미지의 가로나 세로가 긴 쪽이 프레임의 테두리(border)에 닿으면 크기가 정해짐

//  ContentView.swift

//  ex05

//

//  Created by tjoeun on 2023/04/15.

//

 

import SwiftUI

 

struct ContentView: View {

    var body: some View {

        VStack{

            

            Image("image01")

                .resizable()

                // .scaledToFit()

                // .aspectRatio(contentMode: .fill)

                .aspectRatio(contentMode: .fit)

                .border(Color.black)

            Divider()

            //  scaledToFit: 이미지의 가로나 세로가 긴 쪽이   프레임의 테두리(border)에 닿으면 크기가 정해짐

            Image("image02")

                .resizable()

                .scaledToFit()

                .frame(width: 350.0, height:350.0, alignment: .center)

                .border(Color.black)

            

            Image(systemName: "play.circle")

                .resizable()

                .aspectRatio(contentMode: .fit)

                .border(Color.black)

                .foregroundColor(Color.green)

            

            Divider()

            

            Text("image02")

                .background(Image("image02")

                            .resizable()

                            .frame(width:200, height:200,alignment: .center))

                .frame(width: 200, height:200, alignment: .center)

                .foregroundColor(Color.white)

                .clipShape(Circle())

                .shadow(radius: 10)

                .overlay(Circle().stroke(Color.green, lineWidth: 5))

        }

    }

}

 

struct ContentView_Previews: PreviewProvider {

    static var previews: some View {

        ContentView()

    }

}