[SwiftUI]Image(画像)を円に切り抜くには？

どうも、ちょげ(@chogetarou)です。

画像であるImageを丸く切り抜く方法を紹介します。

方法

Imageを円に切り抜くには、clipShape修飾子を使います。

まず、ImageにclipShape修飾子を付与します。

そして、clipShape修飾子の引数にCircleを指定します。

Image("image")
    .clipShape(Circle())

引数にCircleを指定したclipShape修飾子を付与することで、Imageを円に切り抜くことが出来ます。

使用例

struct ContentView: View {
    var body: some View {
        VStack {
            Image("DogPhoto")
                 .resizable()
                 .frame(width: 250, height: 250)
                 .clipShape(Circle())
        }
    }
}